Самоучитель по креативному веб-дизайну. Книга 3, стр.38
onUnload=»alert(‘Спасибо, что зашли!’)»>
HTML & Web Design Tips & Techniques
Посетите сайт
NVBizNet. com.
onUnload=»alert(‘Спасибо, что зашли!’)»>
HTML & Web Design Tips & Techniques
Посетите сайт
NVBizNet. com.
Web-браузер выполнит это же действие при замене
Web-страницы в ответ на щелчок на гиперссылке или
щелчок на кнопке Назад,
нить ее другой страницей
тия onUnioad в данном примере
окно
тупая место» следующей.
youWannaLeave () , когда посетитель щелкнет на тексте дескриптора :
function youWannaLeave()
{
alert(«Что, уже уходите?»)
return;
}
// —>
Что такое
Обработчики событий — это специальные
матривает
В первом столбце
цию
обработчик
410 Глава 8. JavaScript
Глава 8. JavaScript 41 1
ПРАКТИКУМ
Предположим, например, вы хотите, чтобы в результате щелчка посетителем на одной из кнопок формы
кцию caicuiateTotais() . Вставьте в определение кнопки
Теперь, благодаря обработчику
, Web —
браузер будет выполнять операторы в функции caicuiateTotai s () всякий раз,
Создание интерактивной
В ваших путешествиях по Всемирной Паутине
onMouseOver () и onMouseOut о в дескрипторах,
закрепленные за каждой кнопкой в панели меню.
412 Глава 8. JavaScript
Вставляя картинку
ПРАКТИКУМ
Чтобы
да посетитель сайта
будет объявить
Первый оператор в функции newimage()
раметре
кции
images
Глава 8. JavaScript 413
из свойств sr c в массиве заменять.)
но в заголовочной части Web-страницы — функцию (такую
каждый дескриптор События onMouseOver И onMouseOut, как
width=»87″ height=»34″> onmouseover=»newlmage(1,’CyanChoice2′)» onmouseout=»newlmage(1,’YellowChoice2′)»> height=»34″ /X/aX/td> | width=»87″ height=»34″Xa href =»Figure08-06 .htm» oranouseover=»newlmage(2,’CyanChoice3′)» onmouseout=»newlmage(2,’YellowChoice3′)»> border=»0″ src=MYellowChoice3.jpg» width=»87″ height=»34″ /X/aX/td> |
Обработчик события
сылку, то есть на графический элемент
код, вы заметите, что
кнопки, на которую посетитель
41 4 Глава 8. JavaScript
Использование массивов
JavaScript «видит»
(objects), сохраненных в массиве с именем document.
браузером в массиве document, включают в себя цвет
document. bgcolor и document. fgCoior такие,
шний
ПРАКТИКУМ
Чтобы
браузе р ДОЛЖен СОЗДаТЬ
примера В document, forms
document. forms[0] .elements[2] . (Браузер сохраняет
В массиве element s массива document. forms В ТОМ ПОрЯДКе, В КОТОРОМ ОНИ ОП —
ределены в форме.) Наконец,
document. links[0], document. links[1] И document. links[2] В ТОМ ПОрЯДКе, В
котором он находит гиперссылок в HTML-коде Web-страницы.
странице есть
формы, а третья закреплена за текстом «NVBizNet. Com» в нижней части страницы.)
Обращение к объектам Web-страницы по имени
(а не по позиции в массиве)
Из предыдущего практикума вы узнали, как с помощью массива
ботать со свойствами объекта, вы должны сначала
в массиве документа.
ва С ПОМОЩЬЮ Записи
типа]
изображения на Web-странице, вы можете дать
document. images[2].srс = «images/NVBizNet. JPG»;
В массивах JavaScript
третий элемент массива находится по адресу document. images[2].
Обращение к объектам Web-страницы по номеру становится
мер, вы хотите заменить
жения, СОСЧИТав ДеСКрИПТОрЫ
свойство sr e которого требуется
Глава 8. JavaScript 41 7
ПРАКТИКУМ
Если же вы дадите объекту
со свойствами объекта, по имени с помощью записи вида
document. имя объекта. свойство. Например, если в HTML-коде Web-страницы
src=»images/picture. GIF»
то, не подсчитывая количество
document. logo. src = «images/NVBizNet. JPG»;
Хотя данный
ВКЛЮЧает В Себя атрибут name, ВЫ МОЖете заменить
объекта_данного_тила] именем объекта и записывать обращение к тому или
Использование содержимого
Прежде чем
ния атрибутов Web-страницы
в объекте документа.
Один из способов воспользоваться
ранее сохраненные значения cookie-набора из свойства document. cookie
ПРАКТИКУМ
Еще
на текущую страницу.
418 Глава 8. JavaScript
self. locatio n = «http://www. NVBizNet. com/login. htm»
(Строка document. referrer
в адресной строке
данном примере
страницы страницу входа на сайт (iogin. htm).
в созданном браузером
ства
alinkcoior — это цвет
ка «активна» в течение короткого
Web-страницу
= цвет_активной ссылки
триплет,
anchors — это доступный
атрибут
ра JavaScript ВИДа
applet s — это массив методов и свойств из всех Java-аплетов, определенных
между начальным и конечным дескрипторами
Web-странице. Вы можете получить доступ к любому общедоступному (public)
свойству и выполнить любой
на Web-странице, обратившись к открытому свойству аплета с помощью записи
аплет а С ПОМОЩЬ Ю з а п и с и ВИД а document. applets[индекс_аплета ] .мето д () .
Если дескриптор
вида
JavaScript вида число аплетов = document. applets length.
bgcolor — это текущий
фона Web-страницы с помощью оператора
(где цвет_фона — шестнадцатеричный триплет,
форме «#RRGGBB»).
ВОСПОЛЬЗуЙТеСЬ
Глава 8. JavaScript 41 9
domain — это доменное
Доменное имя Web-сервера
ное_имя = document. domain. (Web-браузер
embeds — массив полей и методов из всех объектов, вставленных в Web-стра — ницу с помощью начального и конечного дескрипторов
(). (Обычно
получить доступ к тому или иному из его полей с помощью записи вида
document. embeds. [индекс_внедренного обгьекта]
document. имя_внедренного_объекта. поле,
бут name.) Выполнить
запис и вид а document. embeds.[индекс^внедренного^объекта].метод( ) (ИЛИ ПО
ИМеНИ В ВИДе document. имя_внедренного_об’ьекта. мето д () , есл и дескрипто р
включает в себя атрибут
объектов на Web-странице, воспользуйтесь
fgCoior — это цвет
ста — шестнадцатеричный триплет,
«#RRGGBB»).
forms — это массив свойств и методов для
нице. В главе, посвященной
форм ы МОЖНО С ПОМОЩЬЮ запис и ВИДа document, form s [индекс_формы] .свойств о
(ИЛИ document. имя_формы. свойство) , а К Методу форМЫ — С ПОМОЩЬЮ
оператора
пользуйте оператор
декс_элемента] . свойство (ИЛИ
пис и document. form s [индекс формы] . element s [индекс__элемента] . метод ()
(ИЛИ document.
images — это массив
vspace и hspace. С помощью JavaScript
ства sr c и lowsr c изображения. Чтобы
42 0 Глава 8. JavaScript
lastModified — это доступная
щая местные дату и время последнего
ВИДа
linkcoio r — цвет непосещенных гиперссылок на Web-странице. Чтобы задать
цвет, который должен
перссылки, воспользуйтесь оператором
цвет непосещенной
ньш
link s — это массив,
свойствам гиперссылок, к которым можно обращаться и модифицировать их че —
рез
protocol, searc h И frame. Чтоб ы работат ь СО СВОЙСТВОМ ТОЙ
СЫЛКИ,
document. имя_ссылки. свойство.
referre r — это доступная
н а Web-Сайте NVBizNet. com С ПОМОЩЬЮ Оператора
document, referrer.
titl e — это доступная
Web-страницы,
лучить С ПОМОЩЬЮ Оператора
ur i — это доступная
лучить, с ПОМОЩЬЮ Оператора
viinkCoior — это цвет
document. viinkCoior = цвет_ранее_посещенной_ссылки (где цвет_ранее_посе —
щенной ссылки — шестнадцатеричный триплет,
виде «#RRGGBB»).
HTML-коде Web-страницы
Глава 8. JavaScript 42 1
С помощью массива
жение, отображаемое на Web-странице. В одном из предыдущих практикумов
при
мыши на изображение на странице. С помощью массива
но также улучшить