Объектная модель в JavaScript

При загрузке HTML страницы навигатором (браузером) создается ряд объектов, соответствующих данной странице.

Методы и свойства объекта Document

Объект Document позволяет связать действия программы с телом HTML-документа. Но как всегда есть проблема. Не все свойства поддерживаются всеми браузерами, есть свойства только для Netscape, а есть только для Internet Explorer. Прежде, чем мы дадим описания свойствам и методам, мы посмотрим, как JavaScript сам может вывести допустимые свойства на экран. Для этого существует еще один вид цикла - for... in. В этом цикле параметр цикла сам определяет какое значение ему принять. Это удобно для использования, например, в массивах. Для вывода свойств документа этот цикл трансформируется так:

var doc=document, x; //определили две переменные, одна из которых относится к типу "документ"for (x in doc) { //начинаем циклdocument.write("Свойство "+x+" сейчас принимает значение "+doc[x]+"<p>"); //программа сама определяет что есть x и выводит его на экран}

Рассмотрим наиболее важные свойства объекта Document:

activeElement - возвращает ссылку на элемент, находящийся в фокусе.

fgColor - задает или запрашивает цвет содержимого страницы (foreground color): Это свойство доступно не только для чтения, кроме того, в примере мы использовали еще одно свойство - bgColor.

readState - возвращает состояние документа (uninitialized - недоступен, loading - загружается, interactive - доступен для просмотра, но еще не загружен, complete - полностью загружен).

title - изменяет или возвращает заголовок страницы.

name=prompt("Здравствуйте! Введите ваше имя", "");document.title=name.toUpperCase()+", добро пожаловать!";

referrer - возвращается URL страницы, с которой пользователь попал на эту страницу

s=document.referrer;alert("Вы попали на нашу страницу со страницы "+s);

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

· close() - обновление страницы:

· elementFromPoint() - возвращает ссылку на элемент, находящийся в координатах, указанных в скобках.

Этим методом пользоваться довольно сложно, а доступен он только в IE.

· getSelection() - возвращает текст, выделенный пользователем, работает только в NN: