DWWEB.RU
СКРИПТЫ

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

2019/11/08 Марат 58 0 JS | JS_URL |

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

    document.location.href

  1. Для перехода на новую страницу будем использовать document.location.href
  2. 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

  3. Для перехода на новую страницу будем использовать document.replace.href
  4. 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 ссылка

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

    Результат:

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

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

  7. Есть возможность использовать переход по ссылке с помощью функции javascript
  8. Пишем вот такую функцию, внутрь помещаем ссылку:

    <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) ( как это работает)

Закрыть
+ =
Подписаться
Теги:
javascript перейти по ссылкеjs программный переход по ссылке

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019