Вітаю. У цій статті розглянемо приклад реалізації редіректу за допомогою JavaScript.
Якщо коротко, то редірект на JS можна виконати наступним чином:
window.location.href = "/next-page.html";
Але я пропоную розглянути більш детальний приклад реалізації перенаправлення:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Page one.html</title>
<script>
setTimeout(function()
{
window.location.href = "two.html";
}, 5000);
</script>
</head>
<body>
Redirect to page "two.html"
</body>
</html>Вище наведено код сторінки “one.html”. У прикладі редірект буде виконано на сторінку “two.html” після закінчення 5 секунд. Це здійснюється за допомогою функції “setTimeout”.
Код сторінки "two.html", на яку було виконано перенаправлення зі сторінки “one.html”:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Page two.html</title>
<script>
setInterval(function()
{
window.location.reload();
}, 5000);
</script>
</head>
<body>
Reloading page "two.html"
</body>
</html>У цьому ж прикладі ми виконуємо не редірект, а перезавантаження сторінки:
window.location.reload();
На цьому все.