Вы, возможно, сталкивались с ситуацией, когда вы нажали на URL – адрес, чтобы достичь страницы X, но внутренне вы были направлены на другую страницу Y. Это происходит из-за перенаправления страниц. Эта концепция отличается от обновления страницы в JavaScript.
Могут быть различные причины, почему вы хотели бы перенаправить пользователя с исходной страницы. Мы перечисляем внизу несколько причин:
Пример реализации перенаправления страницы следующий:
Это довольно просто сделать переадресацию страницы с помощью JavaScript на стороне клиента. Для перенаправления посетителей сайта на новую страницу, вам просто нужно добавить строку в головной секции следующим образом.
<html> <head> <script type="text/javascript"> <!-- function Redirect() { window.location="https://andreyex.ru"; } //--> </script> </head> <body> <p>Нажмите следующую кнопку, Вы будете перенаправлены на главную страницу.</p> <form> <input type="button" value="Перенаправить меня" onclick="Redirect();" /> </form> </body> </html>
Вы можете показать соответствующее сообщение для ваших посетителей сайта, а затем перенаправить их на новую страницу. Для этого потребуется задержка времени, чтобы загрузить новую страницу. В следующем примере показано, как реализовать то же самое. Здесь SetTimeout () является встроенной функцией JavaScript, которая может быть использована для выполнения другой функции по истечению заданного интервала времени.
<html> <head> <script type="text/javascript"> <!-- function Redirect() { window.location="https://andreyex.ru"; } document.write("Вы будете перенаправлены на главную страницу через 10 сек."); setTimeout('Redirect()', 10000); //--> </script> </head> <body> </body> </html>
Вы будете перенаправлены на главную страницу через 10 сек.!
В следующем примере показано, как перенаправить посетителей вашего сайта на другую страницу в зависимости от их браузеров.
<html> <head> <script type="text/javascript"> <!-- var browsername=navigator.appName; if( browsername == "Netscape" ) { window.location="http://www.location.ru/ns.htm"; } else if ( browsername =="Microsoft Internet Explorer") { window.location="http://www.location.ru/ie.htm"; } else { window.location="http://www.location.ru/other.htm"; } //--> </script> </head> <body> </body> </html>