Лекция: Объект document

Объект document является важнейшим свойством объекта window (т.е. полностью к нему нужно обращаться какwindow.document ). Все элементы HTML-разметки, присутствующие на web-странице, — текст, абзацы, гиперссылки, картинки, списки, таблицы, формы и т.д. — являются свойствами объекта document. Можно сказать, что технология DHTML (Dynamic HTML), т.е. динамическое изменение содержимого web-страницы, заключается именно в работе со свойствами, методами и событиями объекта document (не считая работы с окнами и фреймами).

Помимо перечисленных в этой таблице свойств, объект document имеет свойства, являющиеся коллекциями (форм, картинок, ссылок и т.п.); таблица 3.1 содержит их описание. Кроме того, можно формировать требуемые коллекции «на лету» с помощью указанных выше методов. Так, document.getElementsByTagName('P') есть коллекция всех HTML-элементов (точнее, соответствующих им объектов) вида <P>, т.е. абзацев. Аналогично, document.getElementsByName('important') выдастколлекцию (объектов) HTML-элементов любых типов, у которых был задан атрибут NAME=«important». Наконец,document.getElementById('id5') выдаст тот HTML-элемент (если их несколько, то первый), у которого был задан атрибутID=«id5».

С одним методом мы уже часто работали: document.write() — он пишет в текущий HTML-документ. Его модификацияdocument.writeln() делает то же самое, но дополнительно добавляет в конце символ новой строки; это удобно, если потом требуется читать сгенерированный HTML-документ глазами. Если запись идет в HTML-документ нового окна, открытого с помощьюwindow.open(), то перед записью в него нужно открыть поток на запись с помощью метода document.open(), а по окончании записи закрыть поток методом document.close(). После выполнения последнего действия произойдет событие Load (и вызовется соответствующий обработчик события onLoad ) у документа, а затем у окна.

События объекта document аналогичны одноименным событиям объекта window (только у document они происходят раньше), либо их смысл понятен из их названия, поэтому мы не будем детально их разбирать.

Остановимся вкратце на свойствах объекта document. Свойства linkColor, alinkColor и vlinkColor задают цвет гиперссылок — непосещенных, активных и посещенных, соответственно. Свойство URL хранит адрес текущего документа (т.е.строковый литерал, равный window.location.href, если страница состоит из единственного документа, а не является наборомфреймов). Свойство domain выдает домен (оно аналогично window.location.hostname ). Свойство title выдает заголовок страницы (указанный в контейнере <TITLE> ), lastModified указывает на дату и время последней модификации файла, в котором содержится данный HTML-документ (без учета времени модификации внешних файлов — стилевых, скриптов и т.п.). Свойство referrer выдает адрес страницы, с которой пользователь пришел на данную web-страницу, кликнув по гиперссылке. Наконец, свойству cookie посвящен целый раздел в «Программируем „за кадром“» .