HTML. Формы. Валидация (стр. 4 )

В данном случае мы работаем с тремя элементами массива встроенных гипертекстовых ссылок:
all['lo0'], all['lo1'] и all['lo2']. У каждого из них при вызове функции со значением аргумента a,
равным 0, 1 и 2, соответственно, изменяем значение свойства href. Это свойство мы меняем целиком.
URL можно менять и частично.

Изменение части URL

Изменение части URL

Гипертекстовая ссылка — это объект класса URL. У этого объекта можно изменять и другие свойства.
Проиллюстрируем эту возможность при частичном изменении ссылки. Распечатаем сначала свойство, которое
не зависит от протокола (в нашем случае от javascript)
document.all.next.pathname: href:--> http://javascript-spravka.ru/help/index.html

pathname:--> help/index. html

Изменим теперь pathname:

document. all. next. pathname="test";
document. write(
window. document. all. next. pathname);
href:--> http://*****:80/test
pathname--> test

Обратите внимание, что Internet Explorer самостоятельно добавил в ссылку номер порта. По этой причине
использовать свойства, отличные от href, в ссылках, где используется схема javascript, не рекомендуется.

Обработка событий Mouseover и Mouseout

Обработка событий Mouseover и Mouseout

Эти два события из всех событий, которые обрабатываются на страницах Web, используются чаще всего.
Именно они позволяют обесцвечивать и проявлять картинки, а также менять содержание поля status. Первое
событие генерируется браузером, если курсор мыши указывает на гипертекстовую ссылку, а второе — когда
он покидает гипертекстовую ссылку. Рассмотрим пример с записной книжкой, но только для проявления меню
второго уровня будем использовать обработчик события onMouseover:

<TABLE BORDER=0 CELLSPACING=1 CELLPADDING=0
ALIGN=center>
<TR>
<TD>
<A HREF="javascript:void(0);"
onMouseover="line2(0);return true;">
<IMG SRC=addrpho.gif BORDER=0></A></TD>
...
</TR>
</TABLE>

В качестве обработчика события мы вызываем функцию line2(), которая идентична line1() из предыдущего
примера. В примере IMG перенесен на новую строку для наглядности. На самом деле так поступать не
следует — при интерпретации HTML-парсером могут появиться неучтенные пропуски, которые не предусмотрены
автором страницы.

Мы рассмотрели редкий пример, в котором не требуется возврата предыдущего значения после прохода мыши
по гипертекстовой ссылке. По этой причине в гипертекстовой ссылке не применялся второй обработчик
onMouseout. В большинстве случаев, например при расцвечивании картинки, он требуется:

<A HREF="javascript:void(0);"
onMouseover="document.pic1.src='image2.gif';
return true;"
onMouseout="document.pic1.src='image.gif';
return true;">
<IMG NAME=pic1 src=image.gif BORDER=0></A>

Рассматривая предыдущий пример, мы не обсудили использование функции return. При работе с графикой
значение, которое возвращает обработчик события, на результат отображения не влияет. Но если изменять
значение поля статуса браузера, то изменения произойдут только в случае возврата значения true. Более
подробно об этом рассказано в разделе "Поле статуса".

Обработка события click

Обработка события click

Вообще говоря, обработчик события click в современном JavaScript не нужен. Можно прекрасно обойтись
URL-схемой javascript, которая была специально придумана для перехвата события гипертекстового перехода.
Обработчик onClick следует рассматривать как реликт, доставшийся нам в наследство от предыдущих версий
языка, который поддерживается в версиях Netscape Navigator и Internet Explorer.

Основная задача обработчика данного события — перехват события гипертекстового перехода. Если функция
обработки данного события возвращает значение true, то переход происходит, при значении false — не
происходит:

Отменим переход в начало страницы описания события обработчика onClick:

<A HREF=#click onClick=
"window. alert('Нет перехода на #click');
return false;">onClick</A>

А теперь дадим пользователю право выбора перехода в начало страницы посредством окна подтверждения:

<A HREF=#top onClick=
"return window.confirm(
'Перейти в начало страницы?');">
переход в начало страницы</A>

Обратите внимание на место применения функции window.confirm() — аргумент команды return. Логика проста:
функция возвращает значение true или false, и именно оно подставляется в качестве аргумента. Если
просто написать функцию без return, то ничего работать не будет.

Можно ли вообще обойтись одним обработчиком onClick без использования атрибута HREF? Видимо, нет.
Первое, что необходимо браузеру — это определение типа контейнера A. Если в нем есть только атрибут
NAME, то это якорь, если присутствует атрибут HREF — ссылка. Это два разных объекта. Они имеют различные
составляющие, в том числе и обработчики событий. В контексте текущего раздела нам нужна именно ссылка,
т. е. контейнер A с атрибутом HREF. Проверим наше предположение:

<A ID=red
onClick="window.alert('тест');return false;">
Нет атрибута HREF
</A>

Текст "Нет атрибута HREF" — это якорь. Обработчик на нем не работает, так как на него нельзя указать
мышью.

<A HREF="" id=red
onClick="window. alert('URL:'+this. href);
return false;">
Нет атрибута HREF
</A>

Теперь мы указали пустую ссылку (см. поле статуса). Содержание окна — это база URL.

47. Java Script. Объект Document.
Содержит информацию о текущем документе и обеспечен методами отображения HTML-документа.

Синтаксис:

Для определения объекта document используется стандартный HTML синтаксис:

<BODY

BACKGROUND="backgroundImage"

BGCOLOR="backgroundColor"

TEXT="foregroundColor"

LINK="unfollowedLinkColor"

ALINK="activatedLinkColor"

VLINK="followedLinkColor"

[onLoad="handlerText"]

[onUnload="handlerText"]>

</BODY>

BACKGROUND определяет картинку, которая выполняет роль фона документа.
BGCOLOR, TEXT, LINK, ALINK, VLINK определяет цвет как шестиразрядное шестнадцатиричное число (в формате "rrggbb" или "#rrggbb") или как одно из строковых названий в Color Value.
Использование свойств и методов объекта document:

1. document.propertyName

2. document.methodName(parameters)

propertyName одно из свойств, описанных ниже.
methodName один из методов, описанных ниже.

Свойство:

window

Описание:

HTML документ состоит из тагов <HEAD> и <BODY>. <HEAD> содержит информацию о заголовке документа и основании (абсолютный URL основания, используемый для относительных URL ссылок в документе). Таг <BODY> заключает в себе тело документа, который определен текущим URL. Все тело документа (все другие элементы HTML документа) находятся внутри тага <BODY>.
Вы можете загрузить новый документ, используя объект location.
Вы можете ссылаться на якоря, формы и ссылки документа, используя массивы anchors, forms и links. Эти массивы содержат запись для каждого якоря, формы и ссылки в документе.

Свойства:

alinkColor отражает атрибут ALINK anchors массив, отражающий все якоря в документе bgColor отражает атрибут BGCOLOR cookie определяет "ключик" fgColor отражает атрибут TEXT forms массив, отражающий все формы в документе lastModified отражает дату последней модификации документа linkColor отражает атрибут LINK links массив, отражающий все ссылки в документе referrer отражает URL документа, из которого вызван текущий документ title отражает содержание тага <TITLE> URL отражает полный URL документа vlinkColor отражает атрибут VLINK

Следующие объекты также являются свойствами объекта document:

anchor form history link

Методы:

close open write writeln

События:

нет. События onLoad и onUnload определяются в таге <BODY>, но являются событиями объекта window.

48. Java Script. Объект Window.