Javascript как сделать переход на другую страницу

Обучаемся переходить на другую страницу с помощью Javascript: разбираем пример и изучаем синтаксис кода. Узнаем, как использовать window.location, window.location.href и window.location.replace.

Переход на другую страницу с помощью JavaScript

Переход на другую страницу с помощью JavaScript может быть достигнут с помощью использования функции window.location.href. Эта функция принимает параметр, который представляет собой URL, куда нужно перейти. Например, чтобы перейти на другую страницу, достаточно вызвать эту функцию и передать ей ссылку на нужную страницу:

window.location.href = "https://example.com/target-page";

Также можно использовать функцию window.location.replace() для перехода на другую страницу. Отличие между этими двумя функциями заключается в том, что функция replace() заменяет текущую страницу в истории просмотров браузера новой страницей, которую мы переходим. Это означает, что пользователь не сможет вернуться на предыдущую страницу, нажав кнопку Назад в браузере. Чтобы перейти на другую страницу с помощью функции replace(), достаточно вызвать функцию и передать ей ссылку на нужную страницу:

window.location.replace("https://example.com/target-page");

Для перехода на другую страницу также можно использовать функцию window.location.assign(). Отличие между ней и предыдущими функциями заключается в том, что функция assign() добавляет новую страницу в историю просмотров браузера, а не заменяет ее текущей. Это означает, что пользователь сможет вернуться на предыдущую страницу, нажав кнопку Назад в браузере. Чтобы перейти на другую страницу с помощью функции assign(), достаточно вызвать функцию и передать ей ссылку на нужную страницу:

window.location.assign("https://example.com/target-page");

В зависимости от задачи, вы можете использовать любую из этих функций для перехода на другую страницу. Однако в большинстве случаев функция window.location.href будет лучшим выбором, поскольку она позволяет пользователю вернуться на предыдущую страницу, нажав кнопку Назад в браузере.

Ответы (0)