Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 104 стр.

UptoLike

ВУЗ: 

ТГТУ | Тамбов

Составители: 

Рубрика: 

4.8. ПРОГРАММИРОВАНИЕ ГИПЕРССЫЛОК
Кроме графики, на странице есть еще несколько встроенных массивов объектов, элементы которых можно изменять.
Один из них – массив гипертекстовых ссылок.
Гипертекстовая ссылка относится к классу объектов URL. К этому классу объектов относятся:
• Location;
• Area;
• Link.
Область применения URL на HTML-страницах гораздо шире этих трех позиций. Чаще всего мы сталкиваемся с ним при
программировании:
• графики (атрибут SRC контейнера IMG);
• форм (атрибут ACTION контейнера Form);
• ссылок (атрибут HREF контейнера A);
• "чувствительных" картинок (атрибут HREF контейнера Area).
В данном разделе рассмотрим программирование собственно гипертекстовых переходов и "чувствительных" картинок.
4.8.1. Объект URL
Объект класса URL обладает свойствами, которые определены схемой URL. В качестве примера рассмотрим ссылку на
применение атрибута SRC в контейнере IMG:
http://tstu.ru/help/index.html
Значения свойств
Href: http://tstu.ru/help/index.html
Protocol: http:
Hostname: intuit.ru
Host: intuit.ru:80
Port: 80
Pathname: help/index.html
Search:
Hash:
Обращение к свойству объекта класса URL выглядит как:
имя_объект_класса_URL.свойство
Например, так:
document.links[0].href
document.location.host
document.links[2].hash
Свойства объекта URL дают программисту возможность менять только часть URL-объекта (гипертекстовой ссылки, на-
пример). Наиболее интересно это выглядит в объекте Location, когда при изменении свойства происходит перезагрузка
документа. Однако и при работе с обычными гипертекстовыми ссылками такая технология более предпочтительна, чем из-
менение всего URL целиком.
Здесь следует заметить, что чаще всего все-таки меняют весь URL. Это связано с тем, что такое действие более понятно
с точки зрения HTML-разметки. Ведь у контейнера A нет атрибута PROTOCOL, но зато есть атрибут HREF.
4.8.2. Массивы встроенных гипертекстовых ссылок
К встроенным гипертекстовым ссылкам относятся собственно ссылки (<A HREF=...>...</A>) и ссылки "чувстви-
тельных" графических картинок. Они составляют встроенный массив гипертекстовых ссылок документа
(document.links[]).
К сожалению, обратиться по имени к гипертекстовой ссылке нельзя. Точнее такое обращение не рекомендуется в силу
различий между браузерами. Поэтому обращаться к ним можно только как к массиву встроенных ссылок. В качестве приме-
ра распечатаем гипертекстовые ссылки некоторого документа:
for(i=0;i<document.links.length;i++)
document.write(document.links[i].href+"<BR>");
Список ссылок:
http://www.tstu.ru/help/index.html
http://www.tstu.ru/help/terms.html
http://www.tstu.ru/help/shop.html
Вставим в документ контейнер MAP:
<MAP NAME=test>
<AREA SHAPE=rect COORDS="0,0,0,0"
HREF="javascript:window.alert('Area_Link_1');void(0);">
<AREA SHAPE=rect COORDS="0,0,0,0"
HREF="javascript:window.alert('Area_Link_2');void(0);">
</MAP>

Страницы