- •1. Основные понятия JavaScript
- •2. Помещение сценария в документ
- •3. Исполнение сценария
- •3.1 Исполнение при загрузке документа
- •3.2 Исполнение сценария как реакция на событие
- •4.1 Объект document
- •4.2 Коллекции
- •4.3 Методы write, open и close
- •5. Примеры сценариев
- •5.1 Изменение картинки
- •5.2 Слайд-шоу и баннеры
4.1 Объект document
Для программиста на JavaScript HTML-документ представляется в виде объекта document.
Это т глобальный объект существует в единичном экземпляре . О создании объекта document
заботится интерпретатор.
Свойства и методы объекта document
Объект document предоставляет ряд свойств и методов, позволяющих осуществлять прак-
тически любые манипуляции с HTML- документом . Основные свойства объекта document при -
ведены в табл. 2.
Таблица 2 - Свойства объекта document
Свойства, отвечающие за цветовое оформление, хранят целочисленные значения. Другиесвойства, кроме возвращающих коллекции, хранят строки.
Особо следует рассмотреть свойства, которые возвращают коллекции: all, anchors,
forms, frames, images и links. В этих коллекциях находятся объекты , описывающие
соответствующие элементы HTML-документа.
4.2 Коллекции
Коллекции – это объекты, во многом похожие на массивы. Однако коллекции предостав-
ляют доступ к сво им элементам с помощью метода item. Причем доступ мо жет осуществляться
как по номеру элемента в коллекции , так и по его имени (задается атрибутом id или name
элемента).
Примечание: Нумерация элементов в коллекциях начинается с нуля.
Для коллекций предусмотрено свойство length, хранящее количество элементов в
коллекции. В качестве примера рассмотрим , как получить доступ к элементам следующего HTML-
документа.
Пример. HTML-документ, к элементам которого нужно получить доступ
<HTML>
<HEAD>
<TITLE> Заголовок документа </TITLE>
</HEAD>
11
<BODY>
<H1 id = “main_part”> Главный заголовок документа </H1>
<Р id = “part1”> Текста документа... </P>
</BODY>
</HTML>
Если осуществлять доступ к элементам документа при помощи коллекции all с использо-
ванием номеров, то доступ ко всем элементам документа будет выглядеть следующим образом:
var elements=[]; //Массив, в который скопируем ссылки на объекты страницы
var i;
for (i=0; i<document.all.length; i++)
elements[i] = document.all(i);
В данном примере в коллекции all содержится шесть элементов (HTML, HEAD, TITLE,
BODY, H1, P), поэтому массив elements после выполнения приведенного фрагмента программы
должен содержать шесть элементов.
Если бы доступ к элементам коллекции осуществлялся по имени HTML-элементов, то
можно было бы получить объекты, описывающие заголовок и абзац, следующим образом:
var h = document.all("main_part");
var p = document.all(“part1”);
Возможно также прямое обращение к поименованным элементам документа. При исполь-
зовании этого способа предыдущий фрагмент программы будет выглядеть следующим образом:
var h = main_part;
var p = part1;