Возможно, вы столкнулись с ситуацией, когда вы нажали URL-адрес, чтобы перейти на страницу X
, но внутренне вы были направлены на другую страницу Y
. Это происходит из-за перенаправления страницы . Эта концепция отличается от JavaScript Page Refresh
.
Что такое перенаправление страниц?
Могут быть разные причины, по которым вы хотите перенаправить пользователя с исходной страницы. Мы перечисляем несколько причин:
- Вам не понравилось название вашего домена, и вы переходите к новому. В таком случае вы можете направить всех своих посетителей на новый сайт. Здесь вы можете сохранить свой старый домен, но поместите одну страницу с перенаправлением страницы, чтобы все ваши старые посетители домена могли перейти в ваш новый домен.
- У вас есть встроенные различные страницы на основе версий браузера или их имен или могут быть основаны на разных странах, тогда вместо использования перенаправления на стороне сервера вы можете использовать перенаправление на стороне клиента, чтобы приземлить своих пользователей на соответствующей странице.
- Поисковые системы, возможно, уже проиндексировали ваши страницы. Но, перейдя в другой домен, вы не хотели бы терять своих посетителей, проходящих через поисковые системы. Таким образом, вы можете использовать перенаправление на стороне клиента. Но имейте в виду, что это не должно быть сделано, чтобы обмануть поисковую систему, это может привести к тому, что ваш сайт будет заблокирован.
Как работает перенаправление страниц?
Реализации перенаправления страниц заключаются в следующем.
Пример 1Сделать переадресацию страницы с помощью JavaScript на стороне клиента довольно просто. Чтобы перенаправить посетителей вашего сайта на новую страницу, вам просто нужно добавить строку в свой раздел главы следующим образом.
Пример 2Вы можете показать соответствующее сообщение посетителям вашего сайта, прежде чем перенаправить их на новую страницу. Для загрузки новой страницы потребуется небольшая временная задержка. В следующем примере показано, как реализовать то же самое. Здесь setTimeout()
- встроенная функция JavaScript, которая может использоваться для выполнения другой функции после заданного интервала времени.
You will be redirected to tutorialspoint.com main page in 10 seconds!
Пример 3
В следующем примере показано, как перенаправить посетителей вашего сайта на другую страницу на основе их браузеров.
Понравилась статья? Поделитесь ею с друзьями и напишите отзыв в комментариях!
Новые статьи
- JS База данных - фильтрация записей. Часть 2 - 15/12/2019 05:21
- JavaScript - Совместимость с браузерами - 08/09/2018 15:52
- JavaScript - Карта изображений - 08/09/2018 15:52
- JavaScript - отладка - 08/09/2018 15:51
- JavaScript - Мультимедиа - 08/09/2018 15:51
- JavaScript - анимация - 08/09/2018 15:50
- JavaScript - подтверждение формы - 08/09/2018 15:50
- JavaScript - Обработка ошибок и исключений - 08/09/2018 15:49
- JavaScript - Объектная модель документа или DOM - 08/09/2018 15:49
- JavaScript - Регулярные выражения и объект RegExp - 08/09/2018 15:48
- JavaScript - объект Math - 08/09/2018 15:48
- JavaScript - объект Date - 08/09/2018 15:48
- JavaScript - объект Array - 08/09/2018 15:47
- JavaScript - объект Strings - 08/09/2018 15:47
- JavaScript - логические объекты - 08/09/2018 15:46
- JavaScript - Числовые объекты - 08/09/2018 15:46
- JavaScript - Обзор объектов - 08/09/2018 15:45
- JavaScript - Печать страницы - 08/09/2018 15:45
- JavaScript - Void - 08/09/2018 15:45
- JavaScript - диалоговые окна - 08/09/2018 15:44
Предыдущие статьи
- JavaScript и Cookies - 08/09/2018 15:43
- JavaScript - События - 08/09/2018 15:43
- JavaScript - функции - 08/09/2018 15:42
- JavaScript - управление циклом - 08/09/2018 15:41
- JavaScript - цикл for ... in - 08/09/2018 15:41
- JavaScript - For цикл - 08/09/2018 15:40
- JavaScript - циклы - 08/09/2018 15:40
- JavaScript - switch-case - 08/09/2018 15:39
- JavaScript - if ... else - 08/09/2018 15:39
- JavaScript - Операторы - 08/09/2018 15:38
- JavaScript - переменные - 08/09/2018 15:38
- JavaScript - размещение в файле HTML - 08/09/2018 15:37
- Включение JavaScript в браузерах - 08/09/2018 15:36
- JavaScript - Синтаксис - 08/09/2018 15:34
- JavaScript - Обзор - 08/09/2018 15:31
- Учебник Javascript - 08/09/2018 15:29