DHTML (динамический HTML) – это набор средств, которые позволяют создавать более интерактивные Web-страницы без увеличения загрузки сервера. Другими словами, определенные действия посетителя ведут к изменениям внешнего вида и содержания страницы без обращения к серверу.

Это технологии, которые обеспечивают

1.динамическое формирование Веб-страницы в процессе ее загрузки, и

2.динамическое изменение Веб-страницы в ответ на действия пользователя.

1

Для достижения перечисленных целей используются следующие методы:

динамическое изменение атрибутов и стилей элементов, составляющих HTML-документ;

динамическое извлечение данных из внешних источников и включение их в Веб-страницу;

использование динамически загружаемых шрифтов;

поддержка визуальных и мультимедийных эффектов при отображении страниц;

механизмы сохранения информации на компьютере-клиенте между сессиями работы.

2

Все эти явно разнородные методы покоятся, в действительности, на двух китах. Первым из них является интеграция HTML-документа, каскадных стилей и сценариев клиента, основанная на

объектной модели документа.

Вторым — использование компонентного программирования, позволяющего нам встраивать однажды разработанные компоненты во вновь создаваемые документы.

3

DOM-модель — это внутреннее представление HTML-страницы в виде дерева. Все элементы страницы, включая теги, текст, комментарии, являются узлами DOM. У элементов DOM есть свойства и методы, которые позволяют изменять их.

5

DOM — это модель HTML- и XML-документов, независимая от платформы и языка программирования, которая определяет:

интерфейсы и объекты, которые используются для представления документа и манипулирования им;

семантику этих интерфейсов и объектов, включая их атрибуты и реакцию на события;

взаимосвязи между этими интерфейсами и объектами.

6

На сегодняшний день W3C стандартизовал DOM 3-х уровней

DOM 1 описывает базовое представление XML- и HTML-документов в виде деревьев объектов;

DOM 2 расширяет базовые интерфейсы

DOM 1 и добавляет к ним поддержку событий и стилей;

DOM 3 описывает загрузку и синтаксический анализом документов, а также их отображение и форматирование.

7

Document

window.document самый сложный объект браузера, который в свою очередь дает начало объектной модели документа (DOM). Данный объект отвечает за html документ, загруженный в окно браузера.

8

Объект document существует в единственном экземпляре для всего HTML-документа. Он присутствует всегда, если существует HTML- документ, поэтому специально создавать его не требуется

С помощью данного объекта Вы сможете добавлять, изменять и удалять HTML элементы на странице из скриптов.

9