Июнь 2010

ранее сохраненные значения cookie-набора из свойства document. cookie объекта документа и использовать их для заполнения элементов формы внутри массива

document. forms объекта документа.



ПРАКТИКУМ

Еще один вариант использования объекта документа — предотвращение захода посетителей напрямую на страницу, находящуюся внутри доступной только для

зарегистрированных пользователей части сайта. Свойство document. referrer дает URL-адрес Web-страницы с гиперссылкой, по которой посетитель перешел

на текущую страницу. Если строка символов, сохраненная в document. referrer, пустая или не включает в себя доменное имя вашего сайта, ваш сценарий может дать браузеру указание загрузить страницу входа на сайт при помощи оператора, аналогичного показанному ниже:

418 Глава 8. JavaScript





self. locatio n = «http://www. NVBizNet. com/login. htm»



(Строка document. referrer будет пустой, когда посетитель вводит URL-адрес

в адресной строке браузера или щелкает на закладке или пункте избранного.) В

данном примере Web-браузер отображает вместо запрошенной посетителем Web —

страницы страницу входа на сайт (iogin. htm).

Ниже рассматриваются свойства Web-страниц и массивы объектов, доступных

в созданном браузером объекте document. В конце «каждого описания вы найдете формат или пример оператора JavaScript, который можно будет включить в свой сценарий, чтобы просмотреть и (в некоторых случаях) изменить значение свой —

ства Web-страницы. (Свойства массивов объектов images и links объекта document рассматриваются в двух следующих практикумах.)

alinkcoior — это цвет «активной» гиперссылки на Web-странице. Гиперссыл —

ка «активна» в течение короткого промежутка времени после того, как посетитель щелкнул на ней, и прежде, чем браузер проследовал по гиперссылке на другую

Web-страницу Чтобы задать цвет, которым Web-браузер должен отображать «ак —

тивную» гиперссылку, определите оператор JavaScript вида document. alinkcoior

= цвет_активной ссылки (где цвет_активной ссылки — шеСТНаДЦатерИЧНЫЙ

триплет, задающий RGB-значения цвета в форме «#RRGGBB»).

anchors — это доступный только для чтения массив «именованных» гиперссы — лок (то есть объектов гиперссылки), дескрипторы которых включают в себя

атрибут name. Свойство anchors можно использовать только для того, чтобы по — лучить число «именованных» гиперссылок на Web-странице с помощью операто —

ра JavaScript ВИДа число якорей = document. anchors. length.

applet s — это массив методов и свойств из всех Java-аплетов, определенных

между начальным и конечным дескрипторами аплета () на

Web-странице. Вы можете получить доступ к любому общедоступному (public)

свойству и выполнить любой общедоступный метод, определенный в Java-аплете

на Web-странице, обратившись к открытому свойству аплета с помощью записи

ВИДа document, applet s [индекс аплета] .свойство И К Общедоступному методу

аплет а С ПОМОЩЬ Ю з а п и с и ВИД а document. applets[индекс_аплета ] .мето д () .

Если дескриптор имеет атрибут name, можно пользоваться записями

вида document. имя аплета. свойство И document. имя аплета. метод () . Чтобы получить число Java-аплетов на Web-странице, воспользуйтесь оператором

JavaScript вида число аплетов = document. applets length.

bgcolor — это текущий цвет фона Web-страницы. В ы можете изменять цвет

фона Web-страницы с помощью оператора вида document. bgcolor = цвет_ф°на

(где цвет_фона — шестнадцатеричный триплет, задающий RGB-значения цвета в

форме «#RRGGBB»).

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

ВОСПОЛЬЗуЙТеСЬ Оператором ВИДа значение соок1е = document, cookie.

Глава 8. JavaScript 41 9





domain — это доменное имя Web-сервера, отправившего страницу браузеру.

Доменное имя Web-сервера можно получить с помощью оператора вида домен —

ное_имя = document. domain. (Web-браузер использует информацию в свойстве domain в качестве имени cookie-файла документа.)

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

(). (Обычно внедряются файлы, для воспроизведения кото- рых Web-браузеру требуется подключаемый модуль — например, файлы

QuickTime (.mov).) Если внедренный объект поддерживает Java, вы можете

получить доступ к тому или иному из его полей с помощью записи вида

document. embeds. [индекс_внедренного обгьекта] .поле (ИЛИ ПО имени В виде

document. имя_внедренного_объекта. поле, если ДССКрИПТОр имеет атри —

бут name.) Выполнить метод объекта,, поддерживающего Java, можно с помощью

запис и вид а document. embeds.[индекс^внедренного^объекта].метод( ) (ИЛИ ПО

ИМеНИ В ВИДе document. имя_внедренного_об’ьекта. мето д () , есл и дескрипто р

включает в себя атрибут name.) Чтобы получить число внедренных

объектов на Web-странице, воспользуйтесь оператором JavaScript вида число_

внедренных обгьетов = document. embeds. length.

fgCoior — это цвет текстового содержимого Web-страницы, не модифициро — ванного атрибутом color в дескрипторе. Чтобы изменить цвет текста,

воспользуйтесь Оператором ВИДа document. fgCoior = цвет_текста (где цвет тек —

ста — шестнадцатеричный триплет, задающий RGB-значения цвета в виде

«#RRGGBB»).

forms — это массив свойств и методов для всех объектов форм на Web-стра —

нице. В главе, посвященной HTML-формам (ранее в этой книге), рассматрива- ются методы и свойства, имеющиеся для каждого объекта формы и для каждого элемента внутри объектов формы. В общем случае, получить доступ к свойству

форм ы МОЖНО С ПОМОЩЬЮ запис и ВИДа document, form s [индекс_формы] .свойств о

(ИЛИ document. имя_формы. свойство) , а К Методу форМЫ — С ПОМОЩЬЮ

оператора JavaScript вида document. forms[индекс_формы].метод() (или

document. MMH^opMbi. MeTOflO). Чтобы работать со свойством элемента формы, ис —

пользуйте оператор JavaScript вида document, forms [индекс формы] .element s [ин -

декс_элемента] . свойство (ИЛИ document. имя формы. имя элемента. свойство). Аналогично, чтобы выполнит ь метод элемент а формы, обратитес ь к мето — ду, которы й вы хотите использоват ь в оператор е JavaScript, с помощь ю за —

пис и document. form s [индекс формы] . element s [индекс__элемента] . метод ()

(ИЛИ document. имя_формы. имя элемента. метод () ).

images — это массив свойств изображений, вставленных в Web-страницу с по — мощью дескрипторов . Доступные только для чтения свойства изображе — ний, КОТОрые МОЖНО ПОЛУЧИТЬ, — ЭТО name, border, complete, height, width,

vspace и hspace. С помощью JavaScript также можно извлекать и изменять свой —

ства sr c и lowsr c изображения. Чтобы получить доступ к свойству изображения,

воспользуйтесь ЗапИСЬЮ ВИДа document, images [индекс изображения] .свойство

ИЛИ document. имя изображения. свойство.

42 0 Глава 8. JavaScript





lastModified — это доступная только для чтения символьная строка, содержа —

щая местные дату и время последнего внесения изменений в Web-страницу Чтобы получить значение свойства lastModified, воспользуйтесь оператором JavaScript

ВИДа дата и_время последнего изменения = document. lastModified.

linkcoio r — цвет непосещенных гиперссылок на Web-странице. Чтобы задать

цвет, который должен использовать Web-браузер, отображая непосещенные ги —

перссылки, воспользуйтесь оператором JavaScript вида document. linkcoior =

цвет непосещенной ссылки (где цвет нелосещенной_ссылки — шестнадцатерич —

ньш триплет, задающий RGB-значения цвета в виде U#RRGGBB»).

link s — это массив, содержащий свойства гиперссылок на Web-странице. К

свойствам гиперссылок, к которым можно обращаться и модифицировать их че —

рез массив links, ОТНОСЯТСЯ hash, hostname, host, href, pathname, port,

protocol, searc h И frame. Чтоб ы работат ь СО СВОЙСТВОМ ТОЙ ИЛИ ИНОЙ ГИПерС —

СЫЛКИ, ИСПОЛЬЗуЙте Запис ь ВИДа document, link s [индекс__ссылки] .свойств о ИЛИ

document. имя_ссылки. свойство.

referre r — это доступная только для чтения строка, хранящая Web-адрес Web-страницы, содержащей гиперссылку, по которой посетитель попал на теку — щую страницу. Например, если посетитель сайта, чтобы попасть на текущую страницу, щелкнул на гиперссылке на Web-странице index. htm Web-сайта NVBizNet. com, ВЫ МОЖете ПОЛуЧИТЬ ПОЛНЫЙ URL-адре с Web-СТраниЦЫ index. ht m

н а Web-Сайте NVBizNet. com С ПОМОЩЬЮ Оператора ВИДа иКЪ_откуда_пришел =

document, referrer. (Значение document, referrer будет Пустым, если ПОСети — тель извлек текущую страницу, набрав URL-адрес в адресной строке браузера, или если посетитель выбрал текущую страницу из списка избранного браузера.)

titl e — это доступная только для чтения строка, содержащая название текущей

Web-страницы, определенное текстом между начальным и конечным дескрипто —

рами названия () . Значение названия Web-страницы можно по —

лучить С ПОМОЩЬЮ Оператора ВИДа название страницы = document, title.

ur i — это доступная только для чтения строка, содержащая полный URL-ад — рес (то есть Web-адрес) текущей Web-страницы. Значение URL-адреса можно по —

лучить, с ПОМОЩЬЮ Оператора ВИДа текущий^иКЬ = document. url.

viinkCoior — это цвет ранее посещенных гиперссылок на Web-странице. Что — бы задать цвет, который должен использовать Web-браузер, отображая ранее посещенные гиперссылки, воспользуйтесь оператором JavaScript вида

document. viinkCoior = цвет_ранее_посещенной_ссылки (где цвет_ранее_посе —

щенной ссылки — шестнадцатеричный триплет, задающий RGB-значения цвета в

виде «#RRGGBB»).

Использование массива изображений JavaScript

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

HTML-коде Web-страницы дескриптор , он добавляет еще один элемент в массив images в объекте документа.

Глава 8. JavaScript 42 1





С помощью массива document. images можно изменить графическое изобра —

жение, отображаемое на Web-странице. В одном из предыдущих практикумов

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

при наведении курсора, используя массив document. images для подмены одного графического элемента другим всякий раз, когда посетитель наводит курсор

мыши на изображение на странице. С помощью массива document. images мож —

но также улучшить впечатление, получаемое от вашего сайта посетителями, ко — торые подключаются к Internet по коммутируемой линии, предоставив им воз — можность выбирать, какие изображения будут отображаться: с высоким разрешением (медленно загружающиеся) или их версии с низким разрешением.

Скажем, например, у вас есть страница с большим количеством изображений. Файлы цветных изображений с высоким разрешением обычно велики, а это зна — чит, что Web-браузеру может потребоваться слишком много времени на загрузку таких изображений через подключение к Internet с низкой пропускной способ- ностью (по коммутируемой линии). Следовательно, прежде чем отображать Web — страницу с галереей изображений, с помощью элемента формы на предше —

ствующей странице спросите у посетителя, какую версию изображений он предпочитает. (Посетители с высокоскоростными подключениями, скорее все — го, выберут изображения с более высоким разрешением.) Затем, отображая Web-страницу с изображениями, установите свойство sr c каждого изображе —

ния (document. [индекс_изображения] .src) равным URL-адресу изображения С высоким разрешением (файлом большого размера) или версии с низким изобра — жением — в зависимости от того, что ввел на форме посетитель.

Использование сценария в Web-браузере для замены отображаемых изображе —

ний быстрее традиционного метода, требующего серверного сценария для извле — чения и обработки данных, введенных посетителем в форму, с последующим ис —

пользованием обработчика, подобного ASP или РНР, для генерирования новой Web-страницы. Подмена изображений в Web-браузере устраняет необходимость передачи служебных данных, которая связана с отправкой дополнительных зап- росов на Web-сервер, и позволяет сэкономить время, которое понадобилось бы Web-серверу на «переделку» страницы. Браузерный сценарий работает со страни —

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

Ниже рассматриваются свойства, сохраняемые браузером в каждом из элемен — тов массива images. В конце каждого описания вы найдете формат оператора JavaScript, который сможете включить в свой сценарий, чтобы просмотреть (а в случае свойств lowsrc и sr c — изменить) значение свойства изображения. Хотя большинство свойств доступны только для чтения, с помощью (обновляемого) свойства sr c вы можете менять изображения на Web-странице «на лету». Напри — мер, создавая две версии графического элемента — простую и «подсвеченную» — вы можете создать эффект смены изображения при наведении курсора, поручив Web-браузеру подменять простой графический элемент «подсвеченным», когда посетитель наводит курсор мыши на изображение.

42 2 Глава 8. JavaScript





border — это доступное только для чтения значение, задающее ширину гра — ницы вокруг изображения в пикселях. Получить значение атрибута border, за —

данное в дескрипторе , можно с помощью оператора JavaScript вида:

ширина_границы

=

document. images[индекс изображения].border ИЛИ

ширина^границы

=

document. имя изображения. border

complete — это доступное только для чтения логическое значение, которое

остается fals e до тех пор, пока браузер jie завершит извлечение файла изобра — жения с Web-сервера. Например, с помощью приведенного ниже цикла while можно дождаться, пока изображение загрузится с Web-сервера, прежде чем заме — нять его на другое изображение на Web-странице:



while (! document. имя изображения. complete)

{

}



height — это доступное только для чтения значение, дающее высоту изобра — жения в пикселях. Получить высоту картинки можно с помощью оператора JavaScript вида:

высота изображения

=

document. images [индекс изображения] .height ИЛИ

высота изображения

=

document. имя изображения. height

hspace — это доступное только для чтения значение, дающее величину в пиксе — лях интервала, который Web-браузер должен оставить между картинкой и смежным

с ней содержимым (или полем Web-страницы) слева и справа от графического изоб — ражения. Значение hspace можно получить с помощью оператора JavaScript вида:

интервал по горизонтали = document. images[индекс_изображения].hspace

ИЛИ интервал_по_горизонтали = document. имя__изображения. hspace

lowsrc — это путь и имя файла изображения с низким разрешением, которое

Web-браузер должен загрузить, чтобы пользователю было на что смотреть в ожида — нии загрузки браузером основной, с высоким разрешением картинки, заданной ат — рибутом src дескриптора . Задать значение lowsrc можно с помощью опера —

тора JavaScript вида: document, images [индекс изображения] .lowsrc = путь_к__

изображению_с_низким_разрешением ИЛИ document. имя__изображения. lowsrc =

путь__к_изображению_с_низким_разрешением.

name — это доступная только для чтения строка, присвоенная графическому изображению атрибутом name в дескрипторе . Значение имени изображе — ния можно получить с помощью оператора JavaScript вида:

имя изображения = document. images [индекс изображения] .name

sr c — это путь и имя файла изображения, которое Web-браузер должен ото- бразить на Web-странице. Изменить отображаемое графическое изображение можно, задав значение атрибута sr c с помощью оператора JavaScript вида:

document. images [индекс_изображения] .src = путь_к новому изображению

ИЛИ document. имя изображения. src = путь к новому изображению

vspace — это доступное только для чтения значение, дающее величину в пик —

селях интервала, который Web-браузер должен вставить между картинкой и смежным с ней содержимым сверху и снизу от изображения. Значение vspace можно получить с помощью оператора JavaScript вида:

Глава 8. JavaScript 42 3





интервал_по вертикали = document. images[индекс_изображения].vspac e

ИЛИ интервал по вертикали = document. имя изображения. vspac e

width — это доступное только для чтения значение, дающее ширину изобра — жения в пикселях. Получить ширину картинки можно с помощью оператора JavaScript вида:

шцрина_изображения = document. images[индекс_изображения].width ИЛИ

ширина_изображения = document. имя_изображения. width



Использование массива ссылок JavaScript

Массив links объекта документа позволяет работать со свойствами гиперссы —

лок, вставленных в Web-страницу с помощью дескрипторов, и «горячими об —

ластями» изображений, определенными при помощи дескрипторов. И

Netscape Navigator, и Internet Explorer (версии 4 и выше) позволяют модифици- ровать (равно как и отображать) свойства элементов массива ссылок. Следова — тельно, вы можете изменять «на лету» Web-страницы (или другие файлы), загру — жаемые Web-браузером, когда посетитель щелкает на гиперссылке. Например, вы можете создать баннер, написав сценарий, который будет изменять отображае — мое на странице изображение, а также URL-адрес Web-страницы, которую извле — чет браузер, когда посетитель щелкнет на изображении баннера. Аналогично,

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

Считывая HTML-код Web-страницы, браузер заполняет массив links объекта документа свойствами всех обнаруженных им дескрипторов (то есть гиперс —

сылок) и дескрипторов «горячих областей» навигационных карт в том по — рядке, в котором он их находит. Ниже рассматриваются свойства, сохраняемые браузером для каждой гиперссылки в элементах массива ссылок. В конце каждого описания вы найдете формат оператора JavaScript, который сможете включить в свой сценарий, чтобы просмотреть или изменить значение описанного свойства.

hash — это часть атрибута href в гиперссылке, которая включает в себя сим —

вол решетки (#) и имя идентификатора фрагмента после символа решетки. Если посетитель щелкает на гиперссылке с идентификатором фрагмента, Web-браузер отобразит часть Web-страницы, начинающуюся с дескриптора , атрибут name ко —

торого установлен равным значению идентификатора фрагмента. Получить имя идентификатора фрагмента из атрибута href гиперссылки можно с помощью опера —

тора ВИДа идентификатор_фрагмента = document. links[индекс__ссылки].hash. Изменить же идентификатор фрагмента (тем самым сделав так, что гиперссылка будет указывать на новое место в Web-странице) можно с помощью оператора

вида document. links[индекс^ссылки].hash = новый_идентификатор_фрагмента. host — это часть значения атрибута href гиперссылки, содержащая IP-адрес или доменное имя. Для данной гиперссылки значение свойства host отличается от зна — чения свойства hostname (которое рассматривается ниже) только тем, что свойство

host включает в себя номер порта (по умолчанию 80), который Web-браузер должен

использовать при обмене данными с Web-сервером. Чтобы извлечь из гиперссылки

42 4 Глава 8. JavaScript





доменное имя (или IP-адрес), включая номер порта, воспользуйтесь операто —

ром ВИДа имя хоста включая порт = document. link s [индекс ссылки] .hos t ИЛИ

имя хоста_включая_порт = document, link s [индекс ссылки] .host.

hostname — это часть значения атрибута hre f гиперссылки, содержащая IP-адрес или доменное имя. Извлечь из гиперссылки значение имени хоста можно с помо —

щью Оператора Вида имя хоста = document, link s [индекс^ссылки] .hostname. Вы

также можете изменить доменное имя (или IP-адрес) в гиперссылке с помощью

оператора ВИДа document, links [индекс_ссылки] .hostname = новре имя хоста.

hre f — это значение целевого адреса гиперссылки (включая закладку, если тако — вая имеется), присвоенного атрибуту hre f в дескрипторе гиперссылки или деск —

рипторе . Целевой адрес гиперссылки можно получить с помощью оператора

JavaScript ВИДа цель_гиперссылки = document, link s [индекс_ссылки] .href. Мож —

но также изменить цель гиггерссылки, присвоив новое значение свойству href с

ПОМОЩЬЮ Оператора JavaScript ВИДа document, link s [индекс ссылки] .hre f =

новая_цель__гилерссылки.

pathname — это часть URL-адреса, содержащая имя пути. Например, при данной

ГИПерССЫЛКе CnMCOK

клиентов, СВОЙСТВО pathname будет содержать Строку «/ntdocs /

ciients. htm 1 1 в Netscape Navigator и «htdocs/ciients. htm » в Internet Explorer.

Имя пути гиперссылки можно получить с помощью оператора вида имя пути =

document, link s [индекс_ссылки] .pathname. МОЖНО также изменить ИМЯ Пути

Web-страницы, извлекаемой при щелчке на гиперссылке, за счет присвоения но —

вого значения СВОЙСТВУ pathname С ПОМОЩЬЮ оператора ВИДа document. link s [

индекс_ссылки] .pathname = новое имя_пути. (Присваивая новое имя пути, обя —

зательно поместите в начало нового имени косую черту (/) — как для Internet

Explorer, так и для Netscape Navigator.) В \

por t — это номер порта, через который должен осуществляться обмен данны — ми с Web-сервером. Номер порта, если таковой присутствует, следует за домен — ным именем или IP-адресом. Например, в гиперссылке со значением атрибута

href, раВНЫМ «http : //www. NVBizNet. com: 80/clients. htm», HOMepOM ПОрта ЯВ —

ляется 80. Получить номер порта можно с помощью оператора вида номер пор —

та = document, link s [индекс_ссылки] .port. ГиперССЫЛКа Не Обязательно ДОЛЖ — на включать в себя номер порта, поскольку Web-браузер установит номер порта равным 80 по умолчанию. Internet Explorer вернет 80, если в гиперссылке не за — дан другой номер порта, Netscape Navigator не вернет никакого номера порта,

если таковой не задан в гиперссылке.

protocol — это часть цели гиперссылки, содержащая протокол доставки. Протокол доставки находится в начале атрибута href гиперссылки перед двой- ной косой чертой (//). В качестве протокола, указывающего метод извлечения

Web-браузером целевой Web-страницы или другого файла, может выступать один из перечисленных ниже:

• fil e — браузер должен извлечь документ с локального компьютера или с диска на локальном компьютере или сетевой рабочей станции.

• ftp— браузер должен извлечь документ с помощью программы FTP-передачи.

Глава 8. JavaScript 42 5





• gopher — браузер должен извлечь документ, пользуясь протоколом Gopher.

• htt p — браузер должен извлечь Web-страницу.

• maiito — браузер должен запустить почтовую программу по умолчанию и создать сообщение для отправки по адресу, заданному в гиперссылке.

• JavaScript — гиперссылка указывает на файл, содержащий операторы

JavaScript.



search — это часть атрибута href гиперссылки, содержащая строку запроса, включая вопросительный знак (?) в ее начале. Если в гиперссылке присутствует строка запроса, она находится после вопросительного знака. Когда посетитель щел — кает на тексте или графическом изображении гиперссылки, браузер передает строку

запроса на обработку CGI-программе на сервере. Значение свойства search ги —

перссылки можно получить с помощью оператора JavaScript вида строка_поиска

= document, link s [индекс_ссылки] .search. Строку ПОИСКа МОЖНО также ИЗМе —

нить с помощью оператора вида:

document. links[индекс_ссылки].search = новая_строка_поиска

(где новая_строка_поиска — Строка наподобие «?fname=konrad&lname=king»).

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

себя атрибут target, значение которого отлично от «_seif», Web-браузер оста — вит исходную Web-страницу на экране и отобразит извлеченную страницу в дру — гом окне или фрейме.

Получить имя целевого фрейма или окна гиперссылки можно с помощью опера —

тора JavaScript вида имя_фрейма = document, link s [индекс_ссылки] .target. Це — левое окно или фрейм гиперссылки можно также изменить с помощью операто —

ра ВИДа document. links[индекс_ссылки].target = новое_имя_фрейма.



Изменение цветов Web-страницы с помощью JavaScript

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

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

функцией JavaScript, чтобы «обойти» проблему-цветов, давая возможность посетите — лям выбрать ту цветовую схему, которую они находят наиболее привлекательной.

В таблице 8.8 приведены свойства Web-страницы, которыми можно пользо — ваться для изменения цветов, используемых Web-браузером для отображения

426 Глава 8. JavaScript





текста, фона и гиперссылок Web-страницы. Помните: браузер сохраняет все свойства Web-страницы в объекте document по мере считывания HTML-кода Web-страницы. Чтобы изменить цветовую схему Web-страницы, вам нужно всего лишь изменить значения цветовых свойств объекта document.





Приведенная ниже JavaScript-функция задает цветовую схему Web-страницы в

зависимости от значения параметра coiorScheme, переданного функции Web —

браузером. Хотя функция seiectschem e () предусматривает только две цветовых схемы, вы можете добавить еще схемы за счет включения дополнительных бло — ков операторов els e i f (…) , задающих другие значения для пяти цветовых свойств документа:



Глава 8. JavaScript 42 7





После объявления вышеприведенной функции в заголовке Web-страницы вам

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