Возможно, вы столкнулись с ситуацией, когда вы нажали 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>

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




Cookies make it easier for us to provide you with our services. With the usage of our services you permit us to use cookies.
Ok