theretalk.ru

    Главная      
Программирование
Самоучители:

Объект document

Объект document соответствует всему гипертекстовому документ, вернее, той его части, которая заключена в контейнер <body> . . . </body>. Документы отображаются в окнах браузера, поэтому каждый из них связан с определенным окном. Все HTML-объекты являются свойствами объекта document, поэтому они находятся в самом документе. Например, в языке JS к первой форме документа можно обратиться, используя выражение:

document.forms[0]

в то время как к первой форме во втором фрейме следует обращаться выражением:

parent.frames[1].document.forms[0]

Объект document удобно использовать для динамического создания HTML-документов. Для этого применяется HTML-контейнер <body> . . . </body>. Хотя в этом контейнере можно установить множество различных свойств документа, всеже имеются такие свойства, значения которых нельзя установить с помощбю этих тегов. Синтаксис тега я не буду приводить, - его можно найти в спецификации HTML. Мы же, будем считать, что синтаксис HTML знаем. Ну а если для вас имеются затруднения, можете найти полное описание языка HTML на множестве других страниц в Интернете. Перейдем же к свойствам и методам объекта document.
Для обращения к свойствам и методам объекта document применяется следующий синтаксис:

document.propertyName
document.methodName (parameters)

Свойства

Объект document имеет достаточно много свойств, каждое из которых соответствует определенному HTML-тегу в текущем документе:
    • alinkColor- соответствует атрибуту alink тега <body>;
    • anchors- массив, который соответствует всем меткам в документе;
    • bgColor- соответствует атрибуту bgColor (цвет фона) тега <body>;
    • cookie- представляет собой фрагмент информации, записанный на локальный диск ("ключик");
    • fgColor- соответствует атрибуту fgColor (цвет текста) тега <body>;
    • forms- массив, содержащий все теги <form> в текущем документе;
    • images- масив изображений, ссылки на которые заданы в текущем документе;
    • lastModified- дата последнего изменения текущего документа;
    • linkColor- соответствует атрибуту linkColor (цвет гиперсвязи по умолчанию);
    • links- масив, содержащий все гипервязи в текущем документе;
    • location- соответствует адресу URL текущего документа;
    • referrer- соответсствует адреу URL документа, из которого пользователь перешел к текущему документу;
    • title- соответствует содержимому контейнера <title> . . . </title>;
    • vlinkColor- соответствует атрибуту vlinkColor (цвет <FONT COLOR="#800080">посещенной связи) тега <body>.


Методы

Метод clear() предназначен для очистки текущего документа. Лучше использовать для очистки методы open() и close(). Для записи информации в браузер применяют методы write() и writeln(). Покольку эти методы записывают текст в браузер в HTML-формате, вы можете создавать любой HTML-документ динамически, включая готовые приложения на языке JavaScript. Если в окно загружен документ, то запись данных поверх него может привести к сбою. Поэтому в окно следует записывать поток данных, для чего с помощью метода document.open() нужно открыть документ, а затем, вызвав необходимое количество раз метод document.wtite(), записать данные в документ. В заключение, чтобы послать данные в браузер, следует вызвать метод document.close().

Обработчики событий

В тегах <body> и <frame> можно использовать обработчики событий, связанных загрузкой и выгрузкой документа, onLoad и onUnload. Примеры использования событий будем разбирать позже.

Приведем несколько примеров использования объекта document.

Для записи текста в HTML-формате в браузер иногда применяют функцию document.writeln(). Например, можно динамически создавать теги изображений, выводя изображения на экран посредством следующего:

document.open();
document.writeln("<img sr='myimage.gif'>");
document.close();

С помощью JavaScript программ, а в частности при помощи объекта document, можно создавать законченные HTML-документы и другие JavaScript программы. Например:

document.open();
document.writeln("<script language='JavaSript'>"+
"alert('Hello World!')"+
"</script>");
document.close();
Красиво, не правда ли!
Заметьте, что в приведенных примерах неколько строк объединяются при помощи операции сложения +. Этот способ удобно применять, когда строки текста программы слишком длинны, чтобы поместиться в редактируемом окне, или когда сложные строки необходимо разбить на несколько простых.

Интернет и сети
Самоучители:
Статьи:

theretalk.ru 2007-2008 г.

Rambler's Top100


на www.altavista.ru