Учебники

ES6 — перенаправление страниц

Декабрь 28, 2018

Перенаправление — это способ отправки пользователей и поисковых систем по URL, отличному от того, который они первоначально запрашивали. Перенаправление страницы — это способ автоматического перенаправления веб-страницы на другую веб-страницу. Перенаправленная страница часто находится на одном веб-сайте или может быть на другом веб-сайте или веб-сервере.

Перенаправление страниц JavaScript

window.location и window.location.href

В JavaScript вы можете использовать множество методов для перенаправления веб-страницы на другую. Почти все методы связаны с объектом window.location , который является свойством объекта Window. Его можно использовать для получения текущего URL-адреса (веб-адреса) и для перенаправления браузера на новую страницу. Оба использования одинаковы с точки зрения поведения. window.location возвращает объект. Если .href не задан, то по умолчанию window.location изменяет параметр .href .

пример 

<!DOCTYPE html> 
<html> 
   <head> 
      <script> 
         function newLocation() { 
            window.location = "http://www.xyz.com"; 
         } 
      </script> 
   </head> 

   <body> 
      <input type = "button" value = "Go to new location" onclick = "newLocation()"> 
   </body> 
</html>

location.replace ()

Другой наиболее часто используемый метод — метод replace () объекта window.location, он заменит текущий документ новым. В методе replace () вы можете передать новый URL-адрес методу replace (), и он выполнит перенаправление HTTP.

Ниже приводится синтаксис для того же. 

window.location.replace("http://www.abc.com

location.assign ()

Метод location.assign () загружает новый документ в окне браузера.

Ниже приводится синтаксис для того же. 

window.location.assign("http://www.abc.org");

Назначить () против замены ()

Различие между методами assign () и replace () заключается в том, что метод location.replace () удаляет текущий URL из истории документа, поэтому он не может вернуться к исходному документу. Вы не можете использовать кнопку браузера «Назад» в этом случае. Если вы хотите избежать этой ситуации, вам следует использовать метод location.assign (), поскольку он загружает новый документ в браузер.

location.reload ()

Метод location.reload () перезагружает текущий документ в окне браузера.

Ниже приводится синтаксис для того же. 

window.location.reload("http://www.yahoo.com");

window.navigate ()

Метод window.navigate () похож на присвоение нового значения свойству window.location.href. Поскольку он доступен только в MS Internet Explorer, поэтому вам следует избегать его использования в кросс-браузерной разработке.

Ниже приводится синтаксис для того же. 

window.navigate("http://www.abc.com");

Перенаправление и поисковая оптимизация

Если вы хотите уведомить поисковые системы (SEO) о переадресации URL-адресов, вам следует добавить метатег rel = «canonical» в заголовок вашего сайта, поскольку поисковые системы не анализируют JavaScript для проверки перенаправления.

Ниже приводится синтаксис для того же.

43
Share: