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

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

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

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

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

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

Пример 1

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

<html>
   <head>
     
      <script type="text/javascript">
         <!--
            function Redirect() {
               window.location="https://maxfad.ru";
            }
         //-->
      </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://maxfad.ru";
            }
           
            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="https://maxfad.ru";
            }
            else if ( browsername =="Microsoft Internet Explorer")
            {
               window.location="https://maxfad.ru";
            }
            else
            {
               window.location="https://maxfad.ru";
            }
         //-->
      </script>
     
   </head>
  
   <body>
   </body>
</html>

Понравилась статья? Поделитесь ею с друзьями и напишите отзыв в комментариях!



We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok