etxt banner 468x60etxt banner 728x90etxt banner 930x180flexbe banner 468x60flexbe banner 728x90flexbe banner 930x180jivo banner 468x60jivo banner 728x90jivo banner 930x180

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

Вы можете просто использовать 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>
smsc banner 480x320smsc banner 728x90smsc banner 120x600jivo banner 480x320jivo banner 728x90jivo banner 120x600kwork banner 480x320kwork banner 728x90kwork banner 120x600

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

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

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

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

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

Похожие посты

Как на jQuery написать код, который при клике на кнопку будет копировать текущий url сайта?

Вот пример кода на jQuery, который копирует текущий URL сайта в буфер обмена при нажатии на кнопку с классом copy-current-url: Как это работает: Этот подход работает в большинстве браузеров. Однако, если вы используете современные методы, можно также заменить document.execCommand на API navigator.clipboard, если поддержка браузера это позволяет.
Подробнее

Как на jQuery отслеживать событие ввода символов?

Для отслеживания события ввода символов на jQuery можно использовать событие input. Оно срабатывает каждый раз, когда происходит изменение в поле ввода (например, при наборе текста или удалении символов). Вот пример: В этом примере: Если нужно отследить событие только при изменении текста (например, при нажатии клавиш), можно использовать событие keyup, но input более универсально, так как…
Подробнее

Как на jQuery можно отслеживать изменение текстового тега

В jQuery изменение текста внутри тега можно отслеживать несколькими способами, в зависимости от того, как это изменение происходит. Основной подход — это использовать MutationObserver, так как он позволяет отслеживать изменения в DOM. Вот пример: 1. Использование MutationObserver 2. Событие через пользовательское изменение Если текст изменяется через jQuery или JavaScript (например, с помощью .text() или .html()),…
Подробнее