Объект Document
Объект document представляет собой HTML-документ, загруженный в данный момент в объект window, и содержит все формы, элементы, ссылки, рисунки и компоненты ActiveX, существующие на странице. Доступ к свойствам (методам) документа осуществляется в формате document . cвойство
Свойства location |
устанавливуает/возвращает URL-адрес документа. Пример: alert (document . location) |
title |
возвращает заголовок документа, т.е. текст, расположенный между тэгами <TITLE>. Пример: alert (document . title) |
linkColor |
цвет гиперссылок в документе. Пример: document . linkColor = "gray" |
alinkColor |
цвет ссылок при удерживании кнопки мыши в нажатом состоянии. Пример: document . linkColor = "red" |
vlinkColor |
цвет посещенных ссылок в документ. Пример: document . linkColor = "green" |
bgColor |
цвет фона документа. Пример: document . bgcolor = "silver" |
fgColor |
основной цвет текста документа. Пример: document . bgcolor = "blue" |
defaultCharset |
кодировка документа по умолчанию. Аналогичен параметру charset тэга <META> в заголовке html-документа. Пример: document.defaultCharset="windows-1251" |
readyState
определяет степень загрузки документа. Это свойство также определено для большинства подчиненных объектов объекта document (формы, рисунки), благодаря чему можно проверить степень их загрузки. Свойство может принимать следующие значения: uninitialized (инициализация/создание объекта еще не началось), loading(идет загрузка объекта), loaded (объект создан/проинициализирован), interactive(объект может взаимодействовать с пользователем, однако еще не все его данные получены), complete (загрузка объекта завершена). Ниже приведен пример, который проверяет загрузку документа через 10 секунд после начала. sub proverka( )
if document.readyState="complete" then alert("Документ полностью загружен") end sub
x=window.setTimeout("proverka( )",10000)
selection
lastModified
возвращает выделенный пользователем фрагмент html-документа.
Пример: status = documentselection
возвращает дату последнего обновления документа. Пример: status=document.lastModified
fileSize
fileCreateDate
links
возвращает размер файла документа. Пример: status=document. fileSize
возвращает дату создания документа. Пример: status=document. fileCreateDate
возвращает семейство гиперссылок в документе, отмеченных тэгами вида <A HREF =
"http://adress.com" name="Metka"> </A>. Доступ к гиперссылке возможен по ее имени или позиции:
alert(
document . links (0) ) alert( document . links ("Metka")
) alert( Metka ) y =
document
.links.length
alert ("Перемещаетесь над гиперссылкой")
End Sub
</SCRIPT> <a href="http://www.microsoft.com" onmouseover="info( )"> Гиперссылка </a> </BODY> </HTML>
anchors
возвращает семейство закладок (якорей), т. е. позиций в документе, отмеченных тэгами <A NAME ="Metka"> </A> Всякая гиперссылка является закладкой, но не всякая закладка должна быть гиперссылкой. Доступ к закладкам - аналогичен доступу к гиперссылкам. alert( document . anchors (0) ) ' вывод первой закладки в документе alert( document . anchors ("Metka") ) ' вывод закладки с именем Metka alert( Metka ) ' вывод закладки с именем Metka y = document .anchors.length ' число закладок в документе
images
возвращает семейство рисунков, содержащихся в документе. Доступ к рисункам возможен по их имени или позиции в документе. Пример: <IMG src="risunok.gif" name="ris1" alt="рисунок">
status=docunent.images(0).src ' вывод названия файла первого рисунка в документе status=docunent.images("ris1").src ' вывод названия файла рисунка с именем ris1 status=ris1.src ' упрощенная форма записи
Каждый рисунок имеет следующие свойства, боьлшинство из которых доступны по чтению и записи: src (файл рисунка), lowsrc(файл, обычно небольшого рисунка низкого разрешения, который загружается браузером перед тем, как будет загружен основной, качественный рисунок), border (толщина рамки), heigth (высота в пикселях), width (ширина в пикселях), hspace и vspace (отсутп по горизонтали и вертикали), complete (только для чтения: true - рисунок загружен полностью, false - нет), name (только для чтения: имя рисунка в программе).
forms
возвращает семейство форм, содержащихся в документе. Доступ по номеру или по имени
формы, аналогично доступу к рисункам. Пример:
<FORM Name="forma1"> <INPUT type="text" name="fio1"> </FORM>
document.forms(0).elements(0).value = "Иванов"
document.forms("forma1").elements("fio1").value = "Иванов"
formaLfioLvalue = "Иванов"
Подробнее работа с формами будет рассмотрена ниже.
О
бъект
Document
имеет
следующие события:
onmouseover (перемещение мыши над документом), onmouseout (выход мыши за пределы элемента), onclick (щелчок мышью), ondblclick (двойной щелчок мышью), onmousedown (нажатие кнопки мыши), onmouseup (отпускание кнопки мыши), onkeypress (нажатие и отпускание клавиши), onkeydown (нажатие клавиши), onkeyup (отпускание клавиши), oncontextmenu (при вызове контекстного меню), onafterupdate, onbeforeupdate, oncellchange, onhelp, ondragstart, onselectstart, onstop, onpropertychange.
Пример:
<HTML><BODY onclick="info()"> <SCRIPT LANGUAGE="VBScript">
sub info ()
alert("Щелкнули по документу") end sub
</SCRIPT>
Любой текст
</BODY> </HTML>
Объект Form
Объект Form представляет форму в HTML-документе. На форму можно сослаться из объекта Document,
используя либо ее имя, либо ее индекс в массиве форм. Например:
<SCRIPT LANGUAGE="VBSCRIPT">
document . MyForm .FIO.value="Иванов"
document. forms(0). elements(0) .value="Иванов"
MyForm .FIO.value="Иванов"
</SCRIPT>
Форма описывается на языке HTML и содержит различные элементы: кнопки, текстовые поля, выпадающие списки и т. д. Объект Form предоставляет следующие свойства и методы для получения доступ к этим элементам:
Свойства
action |
URL-адрес, куда отправляется форма. |
encoding |
тип кодировки формы. Обычно используется кодировка "text/html". |
method |
способ пересылки данных из формы на сервер: методы GET и POST (см. HTML). |
target |
имя окна, в котором будут отображаться данные формы. Так, при необходимости вывести форму с данными в другом окне Internet Explorer можно задать свойство Target или HTML-атрибут Target для формы. |
elements |
Возвращает семейство элементов формы (кнопки, текстовые поля и т. д.). Доступ к элементам возможен по их имени или позиции в форме. Например: <FORM action="" method="POST" name="MyForm"> <INPUT type="text" name="FIO"> </FORM> <SCRIPT LANGUAGE="VBSCRIPT"> MyForm . elements (0) . value = "Иванов" ' 1-му элементу формы присваиваем значение "Иванов" MyForm . FIO . value = "Иванов" ' элементу формы FIO присваиваем значение "Иванов" </SCRIPT> |
Методы |
|
submit |
передает данные формы на сервер. Действие этого метода аналогично нажатию кнопки Submit (отправить). Пример: MyForm.submit( ) |
reset |
очищает все поля формы. Действие этого метода аналогично нажатию кнопки Reset (сбросить). Пример: MyForm.reset( ) |
focus |
передает фокус форме, активизируя ее. Пример: MyForm.focus( ) |
blur |
форма теряет фокус. Пример: MyForm.blur( ) |
click |
иммитирует щелчок мышью по форме. Пример: MyForm.click ( ) |
События |
|
onsubmit |
Возникает перед отправкой формы на сервер. Позволяет запустить программу, которая должна выполняться перед отправкой формы. |
onmouseover (перемещение мыши над формой), onmouseout (выход мыши за пределы формы), onclick (щелчок мышью), ondblclick (двойной щелчок мышью), onmousedown (нажатие кнопки мыши), onmouseup (отпускание кнопки мыши), onkeypress (нажатие и отпускание клавиши, при наличии у формы фокуса), onkeydown (нажатие клавиши), onkeyup (отпускание клавиши), oncopy, oncut, onpaste, onbeforecopy, onbeforecut, onbeforepaste, onselectstart, oncellchange, oncontextmenu, onblur, onfocus, ondrag, ondrop, ondragstart, ondragenter, ondragleave, ondragover, onhelp, onreset, onsubmit, onscroll.