Объект Document

Объект Document предоставляет доступ к свойствам и методам объектов HTML-страницы через его элементы DOM.

Структура DOM браузеров разных фирм отличаются друг от друга.

Ниже будут рассматриваться только объекты общие для основных браузеров.

Таблица 4. Метода и свойства объекта Document

Каждый объект < img /> на странице хранится в массиве images[ ]. Первое изображение на странице находится в элементе document. images[0] второй в document. images[1] и т. д.

Возможен вариант присвоение переменной имя элемента массива images[ ] например:

var myImage2 = document. images[1];

Возможно получить доступ к объектам img в массиве по имени определенном в теге < img>.

Например:

В html-документе используется тег

< img name = “myPic” src = “1.gif” >

тогда в программе JavaScript можно обращаться к этому изображения как

document. images [ “myPic”]

Поскольку свойство document. images – это массив, у него есть свойства встроенного объекта JavaScript Array такое как length с помощью которого можно определить количество элементов в массиве (количество рисунков на странице).

_______________________________________

Пример использования массива images[ ] для выбора рисунка, размещаемого на странице:

< html>

< body>

< img name=" img1" src=" " border=" 0" width=" 200" height=" 150" >

< script type=" text/javaScript" >

var myPicture = new Array(" 1.jpg", " 2.jpg", " 3.jpg");

var imgIndex = prompt(" Введите число от 0 до 2", " ");

document.images[" img1" ].src = myPicture

< /script>

< /body>

< /html>

Пример в файле – \ Programmes \Temp\Object_imeges.html

Массив links

Для каждого тега < a>, определенного с атрибутом href, браузер создает объект A с таким же параметром, как и у тега href.

Набор всех объектов A находится внутри массива link [ ]

Аналогично тому, как объекты img содержатся в массиве images[ ]

Порядок выполнения действий при использовании JavaScript

Сценарий JavaScript запускается автоматически, сразу же после загрузки страницы HTML

Файл 111.html

< html>

< head>

< title> Основы AJAX: JavaScript и DOM< /title>

< script type = " text/javascript" src = " prog.js" > < /script>

< /head>

< body>

дузья!

< /body>

< /html>

____________________________________________

Файл prog.js

// объявление новых переменных

var date = new Date();

var hour = date.getHours();

// демонстрация условного оператора if

if (hour > =22 || hour < = 5)

document.write(" Уже ночь, ");

else

document.write(" Добрый день, ");

Для управления порядком исполнения отдельных участков JavaScript скрипты оформляются в виде функций, которые запускаются по возникновению каких либо событий (например, по щелчку кнопкой мыши) в странице HTML.

Присоединение кода программы JavaScript к событиям веб-страницы

Определение: Событие – это любое изменение состояния браузера или веб-страницы, размещенной на экране.

Примеры событий:

· изменение положения курсора мыши;

· нажатие кнопок размещенных на веб-странице, клавиатуре или мыши;

· загрузка новой страницы.

Определение:

Обработчик событий – это код программы, который выполняется при наступлении события.

Таблица № 7. События, по которым может вызываться программы JavaScript

Способы объединения события и обработчика событий.

Существует два основных способа объединения:

· объединение через атрибуты тегов;

· объединение через свойства объектов.