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

Что такое перенаправление страниц?

Вы могли столкнуться с ситуацией, когда вы щелкнули URL-адрес, чтобы перейти на страницу X, но внутри вас перенаправили на другую страницу Y. Это происходит из-за page redirection. Эта концепция отличается от JavaScript Page Refresh .

Могут быть разные причины, по которым вы хотите перенаправить пользователя с исходной страницы. Мы перечисляем несколько причин -

  • Вам не понравилось имя вашего домена, и вы переходите на новый. В таком сценарии вы можете направить всех посетителей на новый сайт. Здесь вы можете сохранить свой старый домен, но разместить одну страницу с перенаправлением страниц, чтобы все посетители вашего старого домена могли перейти на ваш новый домен.

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

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

Как работает перенаправление страницы?

Реализации перенаправления страниц следующие.

Пример 1

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

<html>
   <head>
      <script type = "text/javascript">
         <!--
            function Redirect() {
               window.location = "https://www.tutorialspoint.com";
            }
         //-->
      </script>
   </head>
   
   <body>
      <p>Click the following button, you will be redirected to home page.</p>
      
      <form>
         <input type = "button" value = "Redirect Me" onclick = "Redirect();" />
      </form>
      
   </body>
</html>

Вывод

Пример 2

Вы можете показать соответствующее сообщение посетителям вашего сайта, прежде чем перенаправлять их на новую страницу. Для загрузки новой страницы потребуется небольшая временная задержка. В следующем примере показано, как реализовать то же самое. ВотsetTimeout() - это встроенная функция JavaScript, которую можно использовать для выполнения другой функции через заданный интервал времени.

<html>
   <head>
      <script type = "text/javascript">
         <!--
            function Redirect() {
               window.location = "https://www.tutorialspoint.com";
            }            
            document.write("You will be redirected to main page in 10 sec.");
            setTimeout('Redirect()', 10000);
         //-->
      </script>
   </head>
   
   <body>
   </body>
</html>

Вывод

You will be redirected to tutorialspoint.com main page in 10 seconds!

Пример 3

В следующем примере показано, как перенаправить посетителей вашего сайта на другую страницу в зависимости от их браузеров.

<html>
   <head>     
      <script type = "text/javascript">
         <!--
            var browsername = navigator.appName;
            if( browsername == "Netscape" ) {
               window.location = "http://www.location.com/ns.htm";
            } else if ( browsername =="Microsoft Internet Explorer") {
               window.location = "http://www.location.com/ie.htm";
            } else {
               window.location = "http://www.location.com/other.htm";
            }
         //-->
      </script>      
   </head>
   
   <body>
   </body>
</html>