How to redirect to another webpage in HTML?
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.
Last Updated :
24 Apr, 2019
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...