Как сделать гиперссылку 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);