На этом шаге мы приведем основные коллекции, свойства и методы объекта document.
Основные наборы (коллекции), свойства, методы и события объекта document перечислены в таблицах 1 и 2.
| Название | Описание |
|---|---|
| all | Коллекция всех тэгов и элементов в основной части документа. |
| anchors | Коллекция всех закладок (тэгов типа <A NAME=:>) в документе. |
| forms | Коллекция всех форм на странице. |
| frames | Набор всех фреймов, определенных в тэге <FRAMESET>. |
| images | Набор всех графических элементов (картинок) на странице. |
| links | Набор всех гиперссылок на странице. |
Напоминаем, чтобы можно было обратиться к элементу набора по имени, нужно придать ему имя, воспользовавшись параметром NAME.
| Название | Описание |
|---|---|
| Свойства | |
| alinkColor | Задает цвет активной ссылки. |
| linkColor | Задает цвет непосещенной ссылки. |
| vlinkColor | Задает цвет посещенной ссылки. |
| bgColor | Определяет цвет фона документа. |
| fgColor | Определяет цвет текста документа. |
| title | Содержит заголовок документа. |
| lastModified | Дата последнего изменения документа. |
| readyState | Возвращает состояние загружаемого элемента:
|
| location | Возвращает объект location с информацией о текущем URL-адресе. |
| referrer | Возвращает URL-адрес предыдущего объекта location. |
| activeElement | Возвращает активный элемент (элемент, находящийся в фокусе). Конструкция activeElement.name позволяет получить имя элемента, а activeElement.value - его значение. |
| domain | Имя узла с документом. |
| url | URL-адрес документа. |
| body | Возвращает ссылку на объект BODY. Используя ее можно определить, например, размеры рабочей области (свойства clientWidth и clientHeight), размеры содержимого документа (scrollWidth и scrollHeight), местоположение полос прокрутки (scrollLeft и scrollTop). |
| parentWindow | Возвращает ссылку на объект window с документом. |
| Методы | |
| close(); | Закончить запись в документ и отобразить его. |
| open(); | Открытие нового потока для метода write() (формирование новой страницы). |
| write (<строка>); | Вывод в открытый предыдущим методом поток указанной строки .
Кавычки внутри строки заменяются апострофами: WriteLn("<IMG SRC='Image1.gif'>"). Метод используется при динамическом формировании Web-страницы. |
| События | |
| onclick(); | Наступает при щелчке левой клавиши мыши. |
| onmouseover(); | Наступает при перемещении мыши над элементом документа. |
| ondblclick(); | Наступает при двойном щелчке левой клавиши мыши. |
| onkeydown(); | Наступает один раз при нажатии клавиши на клавиатуре, даже если клавиша удерживается. |
| onkeyup(); | Наступает при отпускании клавиши на клавиатуре. |
| onkeypress(); | Наступает при нажатии и отпускании клавиши на клавиатуре. Если клавиша удерживается, то генерируется серия таких событий. |
| onmouseout(); | Наступает при выходе мыши за пределы документа. |
| onmousemove(); | Наступает при перемещении курсора мыши. |
| onmouseup(); | Наступает при отпускании клавиши мыши. |
| onmousedown(); | Наступает при нажатии клавиши мыши. |
Все перечисленные события получают один аргумент: объект, содержащий информацию о событии. Более подробную информацию по использованию указанных событий мы приведем в разделе "Обработка событий".
На следующем шаге мы рассмотрим несколько примеров использования указанных свойств, методов и событий.