Open In App

How to redirect to another webpage in HTML?

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Share
Report issue
Report

It is often required to redirect to another webpage on loading a webpage, for example, due to the contents being moved to the new webpage.

Demonstrated here are two simple methods to redirect to another webpage on load.

Method-1: Using http-equiv attribute of the meta tag in HTML.

Syntax:

<meta http-equiv="refresh" content="seconds; url=URL">

Example-1:




<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        Redirect to GeeksforGeeks
    </title>
    <!-- meta tag to redirect to 
     ide.geeksforgeeks.org after 2 seconds -->
    <meta http-equiv="refresh"
          content="2; 
                url=https://ide.geeksforgeeks.org/">
</head>
  
<body>
    <!-- Link to the destination page 
      in case the refresh 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>


Output:
Before:

After 2 seconds:

Note: In some older browsers, like Internet Explorer 6, refresh may cause unexpected results and impair the browser’s Back button. This is compensated for in most modern browsers (Internet Explorer 7 and higher, Google Chrome, Mozilla Firefox, Microsoft Edge).

Method-2: Using location.href in JavaScript.

Syntax:

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, 
    click here 
   </a>.
</body>
  
</html>


Output:

Note: This method works fine for any JavaScript enabled browser.



Last Updated : 24 Apr, 2019
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads