Вы можете просто использовать 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://zolin.digital/");
    }      
    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://zolin.digital/";
    }      
</script> 
</head>
<body>
    <button type="button" onclick="pageRedirect()">Перейти</button>
    <p><strong>Заметка:</strong> Вы можете перейти на zolin.digital, нажав кнопку выше. Вы можете вернуться на эту страницу, нажав кнопку браузера назад.</p>
</body>
</html>

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.