Чтение онлайн

ЖАНРЫ

JavaScript. Подробное руководство, 6-е издание
Шрифт:

Link

гиперссылка в HTML-документе (Node, Element)

Ссылки в HTML-документе создаются элементами

<а>, <агеа>
и
<link>.
Теги
<а>
используются в теле документа для создания гиперссылок. Теги
<агеа>
– это редко используемая возможность, позволяющая создавать «карты изображений». Теги
<link>
используются в разделе
<head>
документа для указания адреса внешних ресурсов, таких как таблицы стилей и ярлыки. Элементы
<а>
и
<агеа>
в сценариях на языке JavaScript имеют одинаковое представление. Элементы
<link>
имеют несколько иное представление, но для удобства эти два типа ссылок описываются в одной справочной статье. Когда объект
Link
, представляющий элемент
<а>,
используется в строковом контексте, он возвращает значение своего свойства
href
.

Свойства

В дополнение к свойствам, перечисленным ниже, объект

Link
также имеет свойства, соответствующие HTML-атрибутам:
hreflang, media, ping, rel, sizes, target
и
type
. Обратите внимание, что свойства, соответствующие отдельным компонентам URL-адреса (такие как
host
и
pathname
) и возвращающие фрагменты значения свойства
href
ссылки, определены только для элементов
<а>
и
<агеа>
и отсутствуют в элементах
<link>,
и что свойства
sheet, disabled
и
relList
определены только в элементах
<link>,
ссылающихся на таблицы стилей.

boolean disabled

Для элементов

<link>,
ссылающихся на таблицы стилей, определяет, должна ли данная таблица стилей применяться к документу.

string hash

Определяет идентификатор фрагмента документа в значении свойства

href
, включая начальный символ решетки (#), например: «#results».

string host

Определяет имя хоста и порт в значении свойства

href
, например: «http://www.oreU-1у.сот:1234*.

string hostname

Определяет имя хоста в значении свойства

href
, например: «http://www.oreilly.com».

string href

Определяет значение атрибута

href
ссылки. Когда элемент
<а>
или
<агеа>
используется в строковом контексте, возвращается значение этого свойства.

string pathname

Определяет путь к документу в значении свойства

href
, например: «/catalog/search, html».

string port

Определяет порт в значении свойства

href
, например: «1234».

string protocol

Определяет имя протокола в значении свойства

href
, включая завершающее двоеточие, например: «http:».

readonly DOMTokenList relList

Подобно свойству

classList
объекта
Element
это свойство упрощает извлечение, добавление и удаление лексем в HTML-атрибуте
rel
элементов
<link>
.

string search

Определяет строку с параметрами запроса в значении свойства

href
, включая начальный знак вопроса, например: «?q=JavaScript&m=10».

readonly CSSStyleSheet sheet

Для элементов

<link>,
ссылающихся на таблицы стилей, это свойство представляет связанную таблицу стилей.

string text

Простое текстовое содержимое элемента

<а>
или
<агеа>.
Синоним для свойства Node.textContent.

string title

Все HTML-элементы имеют атрибут

title
, который обычно определяет текст всплывающей подсказки для элемента. С помощью этого атрибута или свойства элемента
<link>,
в котором атрибут
rel
имеет значение «alternate stylesheet», можно указать имя таблицы стилей, применение которой пользователь может разрешить или запретить, и если броузер поддерживает альтернативные таблицы стилей, значение свойства
title
может отображаться в интерфейсе броузера в некоторым оформлении.

Location

представляет адрес в броузере и управляет им

Свойство

location
объектов
Window
и
Document
ссылается на объект
Location
, который представляет веб-адрес («местоположение») текущего документа. Свойство
href
содержит полный URL-адрес этого документа, а каждое из оставшихся свойств объекта
Location
описывает фрагмент этого URL-адреса. Эти свойства очень похожи на свойства URL-адреса объекта
Link
. Когда объект
Location
используется в строковом контексте, возвращается значение его свойства
href
. Это означает, что вместо выражения
location.href
можно использовать просто
location
.

Кроме того что объект

Location
представляет текущий URL-адрес, он еще и управляет этим адресом. Если строку, содержащую URL-адрес, присвоить объекту
Location
или его свойству
href
, то веб-броузер загрузит документ с указанным URL-адресом и отобразит его. Заставить броузер загрузить новый документ можно также путем изменения части текущего URL-адреса. Например, если установить свойство
search
, броузер перезагрузит текущий URL-адрес с новой строкой запроса. Если установить свойство
hash
, броузер не загрузит новый документ, но создаст новую запись в истории посещений. А если свойство
hash
идентифицирует некоторый фрагмент документа, броузер прокрутит документ так, что указанный элемент окажется в видимой области.

Свойства

Свойства объекта

Location
ссылаются на различные фрагменты URL-адреса текущего документа. Для каждого из следующих свойств дается пример фрагмента следующего (фиктивного) URL-адреса:

http://www.oreilly.com:1234/catalog/search.html?q=JavaScript&m=10#results

string hash

Содержит якорную часть URL-адреса, включая начальный символ решетки (#), в нашем случае - «#results». Эта часть URL-адреса документа определяет имя якорного элемента внутри документа.

string host

Часть URL-адреса, содержащая имя хоста и порт, например: «http://www.oreilly.соm:1234».

string hostname

Часть URL-адреса, содержащая имя хоста, например: «http://www.oreilly.com».

string href

Полный текст URL-адреса документа, в отличие от других свойств объекта

Location
, которые определяют только части URL-адреса. Присваивание этому свойству нового URL-адреса приводит к тому, что броузер читает и отображает содержимое нового URL-адреса. Непосредственное присваивание объекту
Location
устанавливает это свойство, и при использовании объекта
Location
в строковом контексте возвращается значение этого свойства.

Поделиться с друзьями: