Объект document создается для каждого документа, который загружается в окне браузера.

Объект Document

Для каждого документа, который загружается в окне браузера создается DOM объект document.

Объект document обеспечивает доступ из скрипта ко всем HTML элементам, которые находятся на странице.

Обратите внимание: Вы можете обращаться из скриптов к содержимому документов открытых в других окнах браузера используя: имя_окна.document.

Свойства объекта document

С помощью свойства referrer Вы можете узнать URL документа, из которого был совершен переход на текущую страницу.

document.write(document.referrer);

С помощью свойства URL Вы можете узнать URL текущего документа.

document.write(document.URL);

С помощью свойства title Вы можете узнать значение заголовка (тэга title) текущего документа.

document.write(document.title);

Методы объекта document

Метод write выводит переданный в него текст на страницу.

document.write("Я текст выведенный с помощью метода write.");

Метод writeln делает тоже самое что и write, но вставляет после каждого вывода символ перевода строки.

document.writeln('Первое предложение');
document.writeln('Второе предложение');
document.writeln('Третье предложение');
document.write('<hr />');
document.write('Первое предложение');
document.write('Второе предложение');
document.write('Третье предложение');

С помощью метода getElementsByName Вы можете получить доступ к содержимому всех элементов на странице с указанным именем.

Метод возвращает массив элементов с указанным именем. Нумерация элементов в массиве начинается с 0.

<input type='button' name='but1' value='Кнопка 1' />
<input type='button' name='button' value='Кнопка 2' />
<input type='button' name='button' value='Кнопка 3' />
....
//Узнаем значение атрибута value первого элемента с именем but1
document.write(document.getElementsByName('but1')[0].value+'<br />');
//Узнаем значение атрибута value первого элемента с именем button
document.write(document.getElementsByName('button')[0].value+'<br />');
//Узнаем значение атрибута value второго элемента с именем button
document.write(document.getElementsByName('button')[1].value+'<br />');

Обратите внимание: разобранные ранее методы getElementById и getElementsByTagName также являются методами объекта document.

Работа с Cookie

Cookie являются важным элементом для реализации многих полезных возможностей во всемирной паутине.

Cookie - это небольшой фрагмент идентификационных данных который:

1. Создается сервером;
2. Передается сервером браузеру пользователя;
3. Сохраняется браузером на компьютере пользователя в виде файла;
4. При повторном посещении сервера отправляется ему браузером;
5. Сервер получает cookie анализирует их содержание и на основе этого производит какие-либо действия.

С помощью cookie реализуется:

• Аутентификация пользователя на сайте (запоминание логина и пароля);
• Сохранение информации о личных настройках внешнего вида сайта;
• Ведение статистики о пользователях.

Свойство cookie позволяет узнать cookie, которые браузер отправил при запросе данной страницы.

document.write(document.cookie);

Заключение

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

Также мы разобрали множество примеров и рассказали о "тонкостях" работы с HTML DOM.

Если Вы хотите узнать больше о HTML DOM посетите наш HTML DOM справочник.

После прочтения учебника появилось желание создать собственный веб-сайт? Посетите раздел веб-хостинг, чтобы узнать как можно разместить его в интернете и сделать доступным для посещения другим людям.