Как перенаправить на другую веб-страницу в HTML?

Опубликовано: 27 Февраля, 2022

Часто требуется перенаправление на другую веб-страницу при загрузке веб-страницы, например, из-за того, что содержимое перемещается на новую веб-страницу.

Здесь демонстрируются два простых метода перенаправления на другую веб-страницу при загрузке.

Метод 1: Использование атрибута http-Equ для метатега в HTML.

Синтаксис:

<meta http-Equiv = "refresh" content = "секунды; url = URL">

Пример-1:

Выход:
До:

Через 2 секунды:

Примечание. В некоторых старых браузерах, таких как Internet Explorer 6, обновление может привести к неожиданным результатам и нарушить работу кнопки «Назад» в браузере. Это компенсируется в большинстве современных браузеров (Internet Explorer 7 и выше, Google Chrome, Mozilla Firefox, Microsoft Edge).

Метод 2: Использование location.href в JavaScript.

Синтаксис:

window.location.href = "URL"

Example-2:

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        Redirect to GeeksforGeeks
    </title>
    <script type="text/javascript">
        
        /* location.href used to
        redirect to ide.geeksforgeeks.org */
        window.location.href =
          "https://ide.geeksforgeeks.org/"
    </script>
</head>
  
<body>
    <!-- Link to the destination page in
     case the redirect does not work -->
    You will be redirected to GeeksforGeeks in a moment.
    <br>
    If you are not redirected automatically, 
  <a href="https://ide.geeksforgeeks.org/">
    click here 
   </a>.
</body>
  
</html>

Выход:

Примечание. Этот метод отлично работает в любом браузере с поддержкой JavaScript.

HTML HTML-Misc

Как перенаправить на другую веб-страницу в HTML?

РЕКОМЕНДУЕМЫЕ СТАТЬИ