Как сделать редирект используя JavaScript

Как сделать редирект используя JavaScript

Здравствуйте. В этой статье рассмотрим пример реализации редиректа средствами JavaScript.

Если быть кратким, то редирект на JS можно выполнить следующим образом:

window.location.href = "/next-page.html";

Но я предлагаю рассмотреть более подробный пример реализации перенаправления:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Страница one.html</title>
		<script>
			setTimeout(function()
			{
				window.location.href = "two.html";
			}, 5000);
		</script>
	</head>
	<body>
		Редирект на страницу "two.html"
	</body>
</html>

выше расположен код страницы “one.html”, в примере, редирект будет выполнен на страницу “two.html”, по истечению 5 сек. Это делается посредством функции “setTimeout”.

Код страницы "two.html", на которую было выполнено перенаправление со страницы “one.html”:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Страница two.html</title>
		<script>
			setInterval(function()
			{
				window.location.reload();
			}, 5000);
		</script>
	</head>
	<body>
		Перезагрузка страницы "two.html"
	</body>
</html>

В данном же примере, мы выполняем не редирект, а перезагрузку страницы:

window.location.reload();

На этом все.

Поделиться в соцсетях:

С вашим WordPress сайтом проблемы? нужен дополнительный функционал? нестандартный плагин или сверстать новую страницу?
Тогда напишите мне через форму обратной связи, и я постараюсь вам помочь.

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *