Переадресация страницы на Javascript

Когда HTTP-запрос для одной страницы автоматически переходит на другую страницу, это называется перенаправлением. Перенаправление веб-страницы используется по разным причинам, например, перенаправление на другой домен, когда вы перемещаете свой сайт с одного URL-адреса на другой или вас перенаправляют на более свежую версию страницы, которую вы просматриваете.

Существует много способов перенаправления веб-страницы, и различные веб-технологии предоставляют различные способы, например Java предоставляет метод sendRedirect() и forward() для перенаправления. Перенаправление также можно разделить на две категории:

• клиентскую,
• серверную.

На стороне клиента перенаправление отвечает за маршрутизацию запроса надругой URL-адрес, но на стороне сервера перенаправление-это задача его сервера перенаправить на новую страницу.

jQuery и JavaScript в основном используются для перенаправления на стороне клиента, и существует несколько способов перенаправления веб-страницы с помощью JavaScript В этом уроке мы рассмотрим некоторые из наиболее популярных и распространенных способов перенаправления веб-страницы с помощью JavaScript и jQuery.

Как перенаправить веб-страницу с помощью JavaScript

Прежде чем рассматривать код jQuery, давайте сначала узнаем, как перенаправить веб-страницу с помощью простогоJavaScript. Он предоставляет несколько простых способов достижения этой задачи без загрузки внешней библиотеки JavaScript, такой как jQuery.

Перенаправление с помощью функции windowassign() Javascript

Самый распространенный способ перенаправить URL-адрес с помощью JavaScript-это просто установить атрибут href объектаwindowassign(). Это имитирует обычную навигацию на новую страницу. Например, если вы перенаправляете URL A на URL B, то просто поместите URL B здесь, как показано в следующем примере:

window.location.href=»http://newURL.com»;

Совет: Вы должны помнить что window.location.hrefзагружает страницу из кэша браузера и не всегда отправляет запрос на сервер. Таким образом, если у вас есть старая версия страницы, доступная в кэше, то она будет перенаправляться туда вместо загрузки новой страницы с сервера.

Перенаправление с помощью функции replace()

Другой способ перенаправления на веб-страницу в jQuery-это использование функции replace() окна.местоположение объекта. Этот метод удаляет текущий URL — адрес из истории и заменяет его новым URL-адресом. Вот пример того, как использовать эту функцию для перенаправления:

window.location.replace(«url»);

Совет: Используйте метод replace (), если вы хотите перенаправить пользователя на новую страницу и не позволяете ему перейти на исходную страницу с помощью кнопки назад.

Перенаправление с помощью функции windowassign()

Вы также можете использовать window.location.assign() для перенаправления веб-страницы с помощью JavaScript. Эта функция добавляет новый URL-адрес в стек истории и перенаправляется на новый URL-адрес, что означает, что в отличие от функции replace() вы можете использовать кнопку back для возврата к исходному документу. Вот как вы можете использовать этот метод для перенаправления на новый URL:

window.location.assign(«url»);

Совет: Используйте метод assign() для перенаправления, если вы хотите разрешить пользователю использовать кнопку назад для возврата к исходному документу.

Перенаправление с помощью функции навигации

Эта функция такая же, как и window.location=»url», и он также загружает страницу из кэша вместо того, чтобы напрямую запрашивать ее с сервера. Вот пример использования функции navigate() для перенаправления на новую страницу:

window.navigate(«page.html»);

Этот код аналогичен первому методу, и страница будет загружена из кэша, если она доступна, вместо отправки нового запроса на сервер.

Как перенаправить веб-страницу с помощью jQuery

API jQuery также позволяет перенаправить веб-страницу на другой URL-адрес всего в одной строке кода. Хотя это не идеальный способ использования jQuery, но если есть такая возможность, то почему нет. Вы можете использовать функцию attr() jQuery для перенаправления веб-страницы, как показано ниже:

varurl = «http://google.com»;
$(location).attr(‘href’,url);

Существует небольшая разница в использовании attr() и window.location.hrefJavaScript. $(location).attr(‘href’, url) запросит новую страницу с сервера, в то время как window.location.href загружает страницы из кэша.

<html>
<head>
<title>Как перенаправить веб-страницу с помощью</title>
</head>
<body>
<h2>Перенаправление на другойURL..</h2>

<scriptsrc=»http://code.jquery.com/jquery-1.6.2.min.js»></script>
<script>
$(document).ready(function() {

varurl = «http://javarevisited.blogspot.com»;
$(location).attr(‘href’,url);

});
</script>
</body>
</html>

Как перенаправить на предыдущую страницу

Еще один случай перенаправления-переход на предыдущую страницу, вот некоторые из распространенных способов перехода на предыдущую страницу с помощью объекта окна JavaScript:

window.history.back(); // Имитирует нажатие кнопки back
window.history.go(-1); // Имитирует нажатие кнопки back
window.history.back(-1); // Имитирует нажатие кнопки back

Все три метода имитируют нажатие кнопки «Назад» программно. Вы можете использовать любой из методов, которые вы хотите использовать.

Это все о том, как перенаправить веб-запрос на другую веб-страницу с помощью JavaScript и jQuery. Как вы уже видели, существует несколько способов перенаправления, но между ними есть тонкие различия, например $(location).attr(‘href’, url) вызов jQuery откроет новую страницу с сервера, но окно Javascript.местоположение.href загрузит страницы из кэша.

Точно так же и окно.location.assign(url) добавляет новый URL-адрес в историю документов и перенаправляется в окно new URL but.location.replace(«URL»), удаляя текущий URL-адрес из истории и заменяя его новым URL-адресом.

Спасибо, что прочитали эту статью. Если вам понравилась эта статья, пожалуйста, поделитесь ею со своими друзьями и коллегами. Если у вас есть какие-либо вопросы или отзывы, пожалуйста, оставьте комментарий.