Компьютерные книги
Главное меню
Главная Поиск по сайту Добавить материал О нас Карта книг Карта сайта
Реклама
computersbooks.net -> Добавить материал -> Языки программирования -> Монкур М. -> "Освой самостоятельно JavaScript за 24 часа" -> 75

Освой самостоятельно JavaScript за 24 часа - Монкур М.

Монкур М. Освой самостоятельно JavaScript за 24 часа — М.: Вильяме, 2001. — 320 c.
ISBN 5-8459-0159-6
Скачать (прямая ссылка): javascriptza24chasasamostoyatelno2001.pdf
Предыдущая << 1 .. 69 70 71 72 73 74 < 75 > 76 77 78 79 80 81 .. 110 >> Следующая

a) Потому что он разработан программистами
b) Потому что слои использовать в документах неудобно
Потому что язык HTML используется для задания структуры Web-страницы
3. Какое средство в новых броузерах используется для изменения стилей с помощью JavaScript?
a) HTML 4.0
b) DOM
c) CSS 2.0
206 Часть V. Дополнительные средства JavaScript
http://ITBookz.ru/
Ответы
1, b) Таблица стилей CSS начинается с дескриптора <STYLE TYPE="text/css“>
2, с) HTML разрабатывался как язык задания структуры документа
3, b) DOM
Упражнения
Для получения навыков форматирования документов с помощью таблиц стилей выполните следующие задания.
• Измените код листинга 17.5 так, чтобы создать отдельный раскрывающийся список для задания цвета заголовка второго уровня. Измените листинг 17.5, добавив в документ заголовок второго уровня, и протестируйте измененный документ с двумя фреймами.
• После создания заголовка второго уровня добавьте в листинг 17.5 функцию ChangeColor, которая возвращает идентификатор соответствующего изменяемого объекта; используйте в функции обработчик событий onChange.
17-С час. Использование таблиц стилей 207
http://ITBookz.
sv
'
18-и
г- -.• -
гМага
час
Создание динамических страниц с помощью DOM
В предыдущих уроках постоянно вспоминалась спецификация DOM (объектная модель документа), С ее помощью JavaScript осуществляет управление объектами документа и броузера. В предыдущем уроке вы узнали, как с помощью объектов динамически изменяются стили.
В настоящем уроке вы познакомитесь с другими средствами DOM, которые используются для управления документом Web и научитесь перемещать объекты на странице. В этой главе рассмотрены следующие темы.
• Структура объектов DOM
» Узлы, родительские и дочерние объекты, а также дерево объектов
• Создание перемещаемых слоев
? Управление слоями с помощью JavaScript
• Слои в старых броузерах
• Создание анимации с помощью DOM
208 Часть V. Дополнительные средства JavaScript
http://ITBookz.ru/
Структура DOM
В главе "10-й час. Работа с объектной моделью документа" вы уже познакомились с элементами структуры DOM. Документ window включает в себя объект document и т.д. Эти два объекта понимаются и в старых броузерах. Этого не скажешь о новых объектах DOM, которые на сегодня сопоставляются практически всем элементам документа HTML.
Чтобы разобраться во всем многообразии структуры DOM, давайте рассмотрим документ HTML, приведенный в листинге 18.1. Этот документ имеет область заголовка и область тела (в качестве содержимого введен один абзац текста и заголовок к нему).
Листинг 18,1. Простой документ HTML
1 <HTML>
2 <HEAD>
3 <Т1ТЬЕ>Простой документ HTML</TITLE>
4 </HEAD>
5 <B0DY>
6 <Н1>Это заголовок</Н1>
7 <Р>Это абзац обычного текста</Р>
8 </BODY >
9 </HTML>
Подобно всем документам HTML этот составлен из разных контейнеров и их содержимого. Дескрипторы <HTML>—</HTML> — это контейнер всего документа, дескрипторы <B0DY>-</B0DY> представляют собой контейнер для тела документа и т.д.
В DOM каждый контейнер страницы и его содержимое представляется отдельным объектом. Объекты организованы в древовидную структуру с корневым объектом document. Ветви дерева структуры составляют тело и заголовок документа. На рис. 18.1 показана схема объектной структуры DOM.
Рис. 18.1. Документ HTML в представлении DOM
18-С час. Создание динамических страниц с помощью ООМ 209
http://ITBookz.ru/
В следующих разделах вы познакомитесь со структурой DOM детальнее.
Не теряйтесь, если структура объектов пугает вас своей громоздкостью. В любой момент вы можете определить элементу идентификатор (ID) и задать в коде ссылку на него. Этот метод активно использовался в примерах предыдущей главы. С ним вы также встретитесь и в этой главе при создании анимации. В следующей главе вы создадите сложный пример управления объектами. Чтобы понять вам придется досконально изучить структуру DOM.
Элемент
Каждый контейнер или объект в документе в называется элементом (node).
На рис. 18.1 каждый объект схемы, помешенный в прямоугольник, — это элемент. Линии представляют соотношения отдельных объектов.
Очень часто приходится в сценариях ссылаться на отдельные узлы. Для этого определяются идентификаторы (ID) или название объекта задается соответственно ее иерархическому расположению в структуре.
Родительские и дочерние объекты
Из предыдущих глав книги вы уже узнали, что каждый объект JavaScript может выступать в роли родительского по отношению к другим объектам. Объект, содержащийся в родительском, называется дочерним (естественно, по отношению к родительскому). В DOM используется та же терминология.
На рис. 18.1 объект document является родительским по отношению к остальным объектам документа. Объект html родительский для объектов body и head, a hi и р — дочерние объекты объекта body.
Текстовые узлы представляются немного по-другому. Текст абзаца выступает дочерним объектом по отношению в объекту р. Подобным образом, объект hi — родительский для текста заголовка первого уровня.
В следующей главе вы познакомитесь с методами обращения к объектам, а также удаления узлов из документа и добавления к документу.
Предыдущая << 1 .. 69 70 71 72 73 74 < 75 > 76 77 78 79 80 81 .. 110 >> Следующая
Книги
Web-программирован-
ие
Аппаратное обеспечение Графика Руководство по П.О. Самоучитель Теория программирования Фотошоп Языки программирования
Новые книги
Вирт Н. "Систематическое программирование " (Теория программирования)

Эком "Microsoft Excel 2000 шаг за шагом Русская версия самоучитель " (Самоучитель)

Поляков А.Ю. "Методы и алгоритмы компьютерной графики в примерах Vizual C++" (Графика)

Баяковский Ю.М. "Графическая библиотека Open GL " (Графика)

Валиков А. "Технология " (Языки программирования)
Авторские права © 2013 ComputersBooks. Все права защищены.