Как было сказано ранее, у объектов «третьего уровня» свойства совпадают со свойствами тега HTML, который формирует данный объект. Так например, гиперссылка (т.е. Links) формируется следующим тегом:
<A HREF= “Интеренет-адрес”> Гиперссылка </A>
Поэтому важнейшим (и единственным) свойством гиперссылки является интернет-адрес на который указывает эта гиперссылка (href).
Рассмотрим пример: Link\index.html (пример 20)
На страничке присутствует гиперссылка:
<center> <a href="n2.htm">ГИПЕРССЫЛКА</a> </center>
Как видно, она указывает на документ n2.htm, расположенный в этой же папке. Существует возможность изменить интернет-адрес этой гиперссылки. Чтобы это сделать достаточно свойству href присвоить новый адрес:
…
document.links[0].href="n1.htm";
…
Не забываем, что формирование гиперссылки – это результат присутствия тега, а динамическое изменение интернет-адреса – это следствие работы кода JavaScript.
Полный текст примера представлен ниже:
…
<center> <a href="n2.htm">ГИПЕРССЫЛКА</a> </center>
<script>
function f()
{document.links[0].href="n1.htm";}
</script>
<input type="button" value="Изменить адрес гиперссылки" onClick="f()">
…
Таким образом, в нашем примере после нажатия на кнопку «Изменить адрес гиперссылки» была вызвана функция f(), которая изменила интернет-адрес гиперссылки указным выше способом.
Кроме того, данное свойство можно использовать и для чтения, т.е. для получения информации о том, куда ведёт та или иная гиперссылка.
Рассмотрим ещё простой пример на обработку события onMouseOver объекта link и использования свойства location объекта document.
Пример_21 (Ex21\index.html)
В этом примере переход осуществляется не при щелчке по гиперссылке, а при наведении ни неё. Это достигается за счёт возможности обработки события, которое наступает, если пользователь навёл указатель на гиперссылку. Это событие onMouseOver. При наступлении этого события вызовем функцию, которая осуществит переход на указанную страницу (переход осуществим с помощью свойства location объекта documetn).
Итак, создадим гиперссылку, для которой задана обработка события onMouseOver функцией f():
<a href="НИКУДА" onMouseOver="f()"> Супергиперссылка </a>
Теперь функция f() будет вызываться каждый раз при наведении пользователем указателя на гиперссылку. Теперь опишем функцию f() – она должна осуществлять загрузку указанного документа (например, str.html):
function f()
{document.location="str.html"}