Глава 16. Динамический HTML________________________335
Structure.Структурное иерархическое дерево документа обычно отбрасывается браузером при выводе документа на экран. Динамический HTML на основе структуры документа создает группу (коллекцию)данных и держит ее постоянно наготове как ссылку на другие страницы и объекты, загружаемые по определенным событиям и действиям пользователя. В табл. 16.1 показаны дополнительные элементы, связанные с компонентом structure.
Таблица 16.1
Элемент
Structure Event Object Collection
Описание
Структура динамического HTML-документа
Событие, обрабатываемое скриптом
Контейнер для элементов HTML
Группа элементов и объектов, используемая для ссылок
Как было указано выше, тэги рассматриваются как объекты. Они, как и другие традиционные объекты HTML, сортируются и помещаются в коллекции во время загрузки документа. Напротив, в случае обычного HTML, данные о структуре документа отбрасываются браузером после загрузки как ненужные.
Как только происходит какое-либо событие, программа просмотра открывает коллекцию, позволяя тем самым скрипту изменить свойства старых объектов или создать новые объекты. Когда свойства редактируются скриптом, результат мгновенно появляется на экране.
Style.Каскадные таблицы стилей (CSS)сами по себе являются инструментом изменения свойств элементов HTML. Динамический HTML соединяет этот механизм с объектным представлением CSS. Пока существует возможность использования только встроенных и задаваемых непосредственно в документе таблиц стилей. Однако объектная модель таблицы стилей (CSSOM)позволяет разработчику создавать правила для динамического изменения облика страницы при помощи виртуального представления в документе связанной или импортированной таблицы стилей. О модели CSSOM и принципах ее использования см. ниже в этой главе.
Interaction.Динамический HTML переносит возможности интерактивного взаимодействия в Internet на следующий, более высокий уровень. Теперь интерактивным можно сделать любой элемент HTML. Например, вы включили в документ скрытый абзац текста и хотите, чтобы пользователь мог сделать его видимым, щелкнув мышью на заголовке. Как об этом проинформировать читателя? Первый (тривиальный)способ заключается в размещении поясняющей строки текста. Более интересная возможность — заставить заголовок менять свой цвет при перемещении по нему указателя мыши. Дополнительную информацию об интерактивном взаимодействии с пользователем вы прочтете ниже в этой главе.