Как перенаправить одну страницу на другую, используя JavaScript

Описание: Как перенаправить одну страницу на другую, используя JavaScript
Вы можете перенаправить веб-страницу через JavaScript, используя несколько методов. Мы быстро перечислим их и сделаем заключение с рекомендуемым.

В JavaScript window.location или просто объект location используется для получения информации о местоположении текущей веб-страницы (документа), а также для ее изменения. Ниже приведен список возможных способов, которые можно использовать в качестве перенаправления JavaScript:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
// Устанавливает новое местоположение текущего окна.
window.location = "https://www.example.com";
 
// Устанавливает новый href (URL) для текущего окна.
window.location.href = "https://www.example.com";
 
// Назначает новый URL текущему окну.
window.location.assign ( "https://www.example.com");
 
// Заменяет местоположение текущего окна на новое.
window.location.replace ( "https://www.example.com");
 
// Устанавливает местоположение самого текущего окна.
self.location = "https://www.example.com";
 
// Устанавливает местоположение самого верхнего окна текущего окна.
top.location = "https://www.example.com";
 
Хотя приведенные выше строки кода JS выполняют аналогичную работу с точки зрения перенаправления, они имеют небольшие различия в их использовании. Например, если вы используете перенаправление top.location внутри iframe, это приведет к перенаправлению главного окна. Следует также помнить, что location.replace () заменяет текущий документ, удаляя его из истории, что делает его недоступным с помощью кнопки «Назад» в браузере.

Лучше знать ваши альтернативы, но если вы хотите использовать кросс-браузерный скрипт перенаправления JavaScript, мы рекомендуем использовать в ваших проектах следующее:

1
2
3
 
window.location.href = "https://www.example.com";
 
Просто вставьте целевой URL, который вы хотите перенаправить в приведенный выше код. Вы также можете проверить эту страницу, чтобы узнать больше о том, как работает window.location. Теперь давайте продолжим с нашими примерами.