Объект Link в JavaScript

При работе с ссылками в JavaScript используется объект Link. Собственно, данный объект является очередным свойством объетка Document. И в этой статье я Вам расскажу о том, как работать с объектом Link, который по сути представляет собой HTML-ссылку.

Вновь мы с Вами не будем разбирать конструкторы и методы за их ненадобностью. А сразу приступим к свойствам Link. И начнём со свойства hostname. Это свойство содержит часть URL, которая отвечает за имя хоста:

В данном примере мы создали сначала ссылку, а уже в скрипте получили объект Link, используя массив links в объекте Document. Данный массив содержит все ссылки на странице. Поэтому мы легко можем всегда к нему обратиться. А, получив объект Link из массива, прочитали его свойство, значение которого оказалось: "myrusakov.ru". Также это свойство мы можем изменить:

Сразу после выполнения скрипта адрес, на который ведёт данная ссылка, поменяется.

Второе свойство объекта Link - это pathname, которое показывает путь в ссылке. Давайте лучше сразу приведу пример:

В результате Вы увидите следующее: "/mysql.html". Разумеется данное свойство можно менять.

И последнее свойство, которые мы рассмотрим, называется href. Оно объединяет предыдущие два и содержит путь, указанный в атрибуте href:

На выходе такая строка: "http://myrusakov.ru/mysql.html". Как и все предыдущие свойства, свойство href у объекта Link также доступно на запись, и Вы можете его смело менять.

Это все три свойства объекта Link в JavaScript, достойные внимания, и которые достаточно часто используются. Есть и другие свойства, но их использование крайне редкое. Как правило, хватает и этих трёх. Кстати, на картинке к этой статье указаны ещё несколько других свойств.