Имена объектов

Лекция №6.

Чтобы вызвать метод setTimeout () объекта Window, достаточно указать имя этого мето­да и задать параметры, а чтобы узнать имя окна, можно обратиться к свойству name.

Обращение document.write () означает то же самое, что и window.document.write (), обращение Location.href эквивалентно обращению и window.location.href и т. д.

Перемещаясь вниз по иерархии объектов, мы сталкиваемся с неожиданной про­блемой. До сих пор не возникало необходимости организовывать ссылки на несколь­ко объектов одного типа. Так, если в Web-странице не используются фреймы, то в окне отображается один HTML-документ, на который и ссылается свойство document объекта Window. Точно так же окно принадлежит конкретному браузеру, ссылка на ко­торый содержится в свойстве navigator. Однако с объектами, на которые должен ссы­латься объект Document, дело обстоит иначе.

Как видно из рис. 9.3, объект Document связан с объектами Link, Image и Form, представ­ляющими соответственно гипертекстовые ссылки, изображения и формы. В составе документов может быть несколько объектов одного типа, по этой причине ссылки на них не могут храниться в обычных свойст­вах типа location или navigator, поэтому они организованы по-другому.

Для того чтобы хранить произвольное количество ссылок на объекты, расположен­ные на Web-странице, используются массивы. Поэтому свойства объекта Document, пред­назначенные для связи с компонентами Web-страницы, выглядят следующим образом.

· links []— массив ссылок па гипертекстовые связи, сформированные в HTML-документе с помощью дескрипторов <A>.

· images []— массив ссылок на изображения, включенные в состав Web-страницы с помощью дескрипторов <IMG>.

· forms [] — массив ссылок на формы, созданные посредством дескрипторов <FORM>.

Объекты Link, Image и Form помещаются в массивы links [], images [] и forms [] в том же порядке, в котором они встречаются в исходном тексте HTML-документа. Так, images [0] ссылается на первое изображение в составе Web-страницы, images [1] — на второе изображение и т. д.

Создание и сопровождение сценариев можно упростить. Для этого надо вместо порядковых номеров объектов на Web-странице использовать их имена. При создании практически любого объекта можно указать атрибут NAME. Последовательность символов, заданная в качестве значения этого атрибута, становится именем объекта.

Предположим, что в составе HTML-документ имеется следующий фрагмент кода:

<FORM ACTION=”/cgi-bin/order.pl” METHOD=”POST” NAME=”person”>

Имя: <INPUT TYPE=”TEXT” NANE=”firstname”>

Фамилия: < INPUT TYPE=”TEXT” NANE=”lastname”>

< INPUT TYPE=”SUBMIT”>

</FORM>

Очевидно, что с помощью формы выполняется передача на сервер информации о пользователе, поэтому для неё и вы­брано имя person. В форме содержатся два поля редактирования: в одном из них (с именем firstname) пользователь должен ввести своё имя, а в другом (с именем lastname) — свою фамилию.

Если бы форма не имела имени, обратиться к ней можно было бы лишь с помо­щью выражения document.form [0] (при условии, что эта форма — единственная на Web-странице либо встречается в соответствующем HTML-документе первой, в про­тивном случае надо изменить индекс массива form []). Однако в дескрипторе <FORM> содержится атрибут NAME=”person”, поэтому мы можем обратиться к форме по её име­ни document.person. Соответственно, чтобы получить текст, введенный в полях редак­тирования, можно использовать следующие выражения:

fnm = document.person.firstname.value;

и

lnm = document.person.lastname.value;

После выполнения этих команд в переменную fnm будет записана строка, введён­ная пользователем в поле Имя, а в переменную lnm — строка, введённая в поле Фамилия.

В одном и том же выражении можно использовать как имена объектов, так и име­на свойств, содержащих ссылки на них.

Дата добавления: 2014-01-04