Перейти по ссылке JavaScript

Все способы перейти на другую страницу с помощью JavaScript. Есть множество способов, как сделать переход по ссылке с помощью JavaScript!

document.location.href

1. Для перехода на новую страницу будем использовать document.location.href
document.location.href = "https://dwweb.ru/";
Как теперь это можно использовать вместе с кликабельной ссылкой!?

Все просто! Добавляем например onclick(не забываем поменять двойные на одинарные и наоборот внутри, в зависимости от наружных) :

<a onclick="document.location.href = 'https://dwweb.ru/';">dwweb.ru</a>

Результат использования document.location.href в ссылке

Перейти по ссылке javascript


document.replace.href

2. Для перехода на новую страницу будем использовать document.replace.href
document.replace.href = "https://dwweb.ru/";
Можно использовать document.replace.href вместе с кликабельной ссылкой!?

Абсолютно такой же вариант, что и выше, только location заменяем на replace - попробуйте нажать по ссылке... такой вариант не сработает(только программно, на уровне скрипта)!

<a href="https://dwweb.ru/" onclick="document.replace.href = 'https://dwweb.ru/';">dwweb.ru</a>

Результат использования document.replace.href в ссылке

Перейти по ссылке javascript


javascript в href ссылка

3. Ещё вариант прямо в href записать javascript
<a href='javascript: document.location.href = "https://dwweb.ru/";'>Перейти</a>

Результат:

Перейти по ссылке javascript


Использование функции javascript для перехода по ссылке

4. Есть возможность использовать переход по ссылке с помощью функции javascript

Пишем вот такую функцию, внутрь помещаем ссылку:

<script>function goUrl() {document.location.href ="https://dwweb.ru/";}</script>

А уже где-то ниже помещаем тело самой ссылки

<a href="javascript: goUrl();">Перейти по ссылке javascript </a>

Результат:

Перейти по ссылке javascript


Использование функции javascript для перехода по ссылке и onclick

Тоже самое, что и выше идущий вариант, вместо javascript в ссылке ставим onclick

<script>function goUrl() {document.location.href ="https://dwweb.ru/";}</script>
<a onclick="goUrl()"; style="cursor:pointer;">Перейти по ссылке javascript </a>

Результат:

Перейти по ссылке javascript

Оставить комментарийCOMMENTS+

Сообщений пока нет - Вы можете стать первым

BBcode

Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть

+ =

Подписаться