How to redirect to another webpage in HTML?
Last Updated :
24 Apr, 2019
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 http-equiv="refresh"
content="2;
url=https://ide.geeksforgeeks.org/">
</head>
<body>
You will be redirected to GeeksforGeeks in a moment.
<br>
If you are not redirected automatically,
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 =
</script>
</head>
<body>
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.
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...