Как сделать гиперссылку javascript

Обучаемся создавать гиперссылки в JavaScript с помощью тега . Давайте посмотрим на пример и понятим, как создавать ссылки на сайты и изображения, а также активировать функции JavaScript.

Для создания гиперссылки на странице используется тег <a></a>. Внутри тега <a> можно указать атрибуты href и title.

Атрибут href

Атрибут href указывает адрес ссылки, в который перейдет пользователь по клику на ссылку. В атрибут href может быть задан адрес при помощи абсолютного или относительного пути. Абсолютный путь начинается со схемы (http: или https:) и после нее идет следующая часть адреса - "//" и доменное имя. Например, чтобы сделать ссылку на страницу Google, нужно использовать абсолютный путь:

<a href="https://google.com">Google</a>

Относительный путь используется, когда нужно сделать ссылку на страницу, находящуюся на том же домене, что и текущая страница. Например, для ссылки на страницу "about.html" на том же домене можно использовать относительный путь:

<a href="about.html">About</a>

Атрибут title

Атрибут title используется для указания дополнительной информации о ссылке. Эта информация отображается в виде всплывающей подсказки, когда пользователь наводит курсор мыши на ссылку. Например, для ссылки на страницу Google можно добавить атрибут title, чтобы пользователь мог прочитать информацию о сайте перед тем, как перейти по ссылке:

<a href="https://google.com" title="Google - поисковая система">Google</a>

Использование JavaScript для создания ссылки

С помощью JavaScript можно создать ссылку программно. Для этого необходимо создать элемент <a> с помощью метода document.createElement() и задать ему атрибуты href и title с помощью метода element.setAttribute(). Например, чтобы создать ссылку на страницу Google, можно использовать следующий код:

let link = document.createElement('a');
link.href = 'https://google.com';
link.title = 'Google - поисковая система';
link.textContent = 'Google';

document.body.appendChild(link);

Ответы (0)