Вы можете просто использовать JavaScript-свойство window.location
для перенаправления страницы, для этого вам не нужен jQuery. Если вы хотите автоматически перенаправить пользователя с одной страницы на другую, вы можете использовать синтаксис window.location.replace("page_url")
.
Преимущество здесь в том, что метод replace()
не сохраняет исходную страницу в истории сеанса, а это означает, что пользователь не сможет использовать кнопку назад в браузере для возврата.
Создайте пустой HTML-файл и поместите в него следующий пример кода. Теперь откройте этот файл в веб-браузере, вы будете автоматически перенаправлены на домашнюю страницу этого веб-сайта через 10 секунд. Если вы внимательно посмотрите, то обнаружите, что кнопка возврата в браузере по-прежнему неактивна.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript Automatic Page Redirect</title>
<script>
function pageRedirect() {
window.location.replace("https://artzolin.ru/");
}
setTimeout("pageRedirect()", 10000);
</script>
</head>
<body>
<p><strong>Заметка:</strong> Вы будете перенаправлены на сайт zolin.digital через 10 секунд. Вы не cможете вернуться на эту страницу, нажав кнопку "Назад" в браузере.</p>
</body>
</html>
Однако, если вы хотите сделать перенаправление при возникновении события, например, когда пользователь нажимает на элемент кнопки, вы можете просто использовать window.location.href = "page_url"
, которое производит аналогичный эффект, когда кто-то щелкает ссылку для перехода на другую страницу.
Точно так же создайте еще один HTML-файл и поместите в него следующий пример кода. Теперь откройте файл в веб-браузере и нажмите кнопку на странице, он перенаправит вас на домашнюю страницу этого сайта. Кроме того, в этом примере вы можете заметить, что кнопка браузера «Назад» становится активной.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript Redirect a Page onClick Event</title>
<script>
function pageRedirect() {
window.location.href = "https://artzolin.ru/";
}
</script>
</head>
<body>
<button type="button" onclick="pageRedirect()">Перейти</button>
<p><strong>Заметка:</strong> Вы можете перейти на zolin.digital, нажав кнопку выше. Вы можете вернуться на эту страницу, нажав кнопку браузера назад.</p>
</body>
</html>