Самоучитель по креативному веб-дизайну. Книга 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

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

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

Полезные ссылки
Случайные записи
  • 22.04.2012">Facebook добавила кнопку «Слушать» на страницы музыкантов
  • 14.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.70
  • 21.03.2011">Руководство по actionscript. часть 2, стр. 055
  • 02.03.2011">Руководство по actionscript. часть 5, стр. 088
  • 27.02.2011">Руководство по actionscript. часть 6, стр. 032
  • 23.02.2011">Руководство по actionscript. часть 7, стр. 024
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 092
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.123
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 081
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 104
  • 13.03.2011">Руководство по actionscript. часть 3, стр. 100
  • 14.03.2010">Логотипы. Где их искать?
  • 16.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.24
  • 22.03.2011">Руководство по actionscript. часть 2, стр. 028
  • 27.02.2011">Руководство по actionscript. часть 6, стр. 044
Опрос

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

View Results

Loading ... Loading ...