Самоучитель по креативному веб-дизайну. Книга 3, стр.43

тать содержимое свойства document. cookies, чтобы определить параметры, ра — нее заданные посетителем Web-страницы. Затем вы можете задать значения

document. bgcolor и document. fgCoior такие, чтобы изменить цвета фона и тек — ста Web-страницы (соответственно) на цвета, выбранные посетителем. Изменив цвета Web-страницы, вы также наверняка измените цвета текста посещенных и непосещенных гиперссылок так, чтобы их цвета не совпадали с цветом фона

Web-страницы или цветом ее обычного текста (не гиперссылок). Короче говоря, элементы массива документа дают возможность изменить содержимое и вне —

шний вид Web-страницы в зависимости от значений cookie-набора или данных, введенных посетителем в Web-браузере.



ПРАКТИКУМ

Чтобы задать или просмотреть свойство Web-страницы, начните со слова document, поставьте точку и затем укажите имя свойства. Например, приведен —

ный ниже JavaScript — будучи помещенным после начального дескриптора

в HTML-код Web-страницы — отобразит название Web-страницы, URL — адрес и дату последней модификации:







document. write («Название Web-страницы: » +

document. title + «

«);

document. write («URL/адрес в Web: » +

document. URL + «

«);

document. write’(«Дата последнего изменения: » +

document. lastModified + «

«);

// — >



Кроме свойств, описывающих Web-страницу и то, как она выглядит, массив

документа также включает в себя массивы, которые, в свою очередь, содержат свойства объектов, вставленных в страницу. Объектами Web-страницы, описанны — ми своими собственными массивами внутри массива документа, являются гипер — ссылки, аплеты, внедренные объекты, формы, фреймы, изображения, ссылки и подключаемые модули. Web-браузер помещает информацию о каждом объекте на Web-странице в массив, носящий имя данного объекта. Например, браузер поме —

щает свойства подключаемых модулей в массив document. piugins, свойства ги —

перссылок — в массив document. links, свойства изображений — в массив

document. images И Т. Д.

Глава 8. JavaScript 415





Обращаться к свойства объектов на Web-страницы через массив документа

можно аналогично тому, как вы обращались к свойствам самой Web-страницы, —

С ПОМОЩЬЮ запис и ВИДа ^сшпепЪ. тип_объекта[индекс_объекта_данного__ти -

па].свойств о

Например, для обращени я к значени ю атрибута sr c (или URL-адрес )

третьег о изображени я н а Web-страниц е будет использоватьс я запис ь

document. images[2] .src. (Помните, первый элемент в массиве JavaScript имеет индекс 0, поэтому индекс третьего элемента — 2, а не 3.).

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

форМЫ — ЭТО Не ПРОСТО МаССИВ (как Объекты images, link s И plugins), ПОЗВОЛЯ — ЮЩИЙ обратиться к каждой или, может быть, нескольким формам на Web-странице;

элемент document. forms сам по себе является массивом. Следовательно, тогда как вы можете обратиться к свойствам формы (таким как ее имя, метод, действие и

Т. Д.) С ПОМОЩЬЮ Записи ВИДа document, forms [индекс фс-рмы] .свойство, К СВОЙ — ствам каждого элемента формы вы обращаетесь с помощью записи вида

document. forms[индекс формы].elements[индекс_элемента].свойство.

Web-страница, показанная на рис. 8.7, имеет пять объектов: три графических изображения, одну форму и три гиперссылки. Обратите внимание, что две гра —

фические кнопки («Отправить» и «Очистить») в нижней части страницы в дан —

ном примере являются на самом деле изображениями-гиперссылками, поэтому они учтены и как объекты-изображения, так и как объекты-гиперссылки.

Отображая объекты на Web-странице, показанной на рис. 8.7, браузер поме — щает свойства графического изображения, вставленного при помощи первого дескриптора в HTML-код Web —

страницы, в первый элемент массива

images документа: document. images [ 0] .

Аналогично, браузер сохраняет свойства второго обнаруженного им в HTML-коде страницы графического элемента (графи — ческого элемента кнопки «Отправить») во втором элементе массива images докумен —

та: document. images[l]. Далее, браузер со — храняет свойства третьего изображения на странице (графического элемента кнопки «Очистить») в третьем элементе массива

images документа: document. images [2 }. (Как и в случае со всеми прочими объекта - ми на Web-странице, браузер сохраняет свойства каждого объекта в массиве объек - тов соответствующего ему типа (в данном

Случае, images) В ТОМ Порядке, В КОТОрОМ он обнаруживает дескрипторы в HTML-коде Web-страницы.)

41 6 Глава 8. JavaScript





Браузер сохраняет свойства (имя, длину, метод действия и т. д.) первой (и единственной) формы на текущей Web-странице в первом элементе массива

forms документа: document. forms[0]. Как и сама Web-страница, форма обычно имеет более одного элемента. (В данном примере форма имеет три элемента: три текстовых поля ввода.) Чтобы сохранить свойства элементов формы, Web —

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Оставить комментарий

Вы должны авторизоваться для отправки комментария.

Полезные ссылки
Случайные записи
  • 05.03.2011">Руководство по actionscript. часть 5, стр. 002
  • 23.02.2011">Руководство по actionscript. часть 7, стр. 031
  • 02.04.2010">Креативные логотипы.
  • 03.03.2012">Windows 8 готовит смерть Android-планшетам
  • 07.03.2011">Руководство по actionscript. часть 4, стр. 119
  • 27.08.2011">Размещение сервера в датацентре
  • 18.03.2011">Руководство по actionscript. часть 2, стр. 125
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.103
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 006
  • 07.03.2011">Руководство по actionscript. часть 4, стр. 099
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.90
  • 06.03.2011">Руководство по actionscript. часть 4, стр. 148
  • 17.03.2011">Руководство по actionscript. часть 2, стр. 143
  • 08.09.2013">Первые новости о Windows 10
  • 16.08.2010">Нужна ли публикация списка клиентов?
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...