JavaScript | Redirect a URL
Prerequisites:
Redirecting a URL in JavaScript is nothing but sending the user from a URL to another URL. In Javascript, window.location function is used to redirect to a URL.
Code #1:
<!DOCTYPE html> <html> <head> <title>Redirect url in Javascript</title> </head> <body> <script> var url= "https://www.w3wiki.net"; window.location = url; </script> </body> </html> |
Output:
Code #2:
Below code takes an input url from the user and the url is stored in a variable through getElementById() and window.location takes the page to that url.
<!DOCTYPE html> <html> <head> <title>Redirect url in Javascript</title> </head> <body> <input id = "url" type = "text" name = "url" placeholder = "Enter a url here"> <input type = "submit" name = "button" onclick = "fun()"> <script> function fun() { var url= document.getElementById("url").value; document.write("Redirecting to the url in 3 seconds..."); setTimeout(function(){window.location = url;}, 3000); } </script> </body> </html> |
Output:
At first this will be the output, and then if the link like (https://www.w3wiki.net/) is put inside the box, it will redirect to the home page of the w3wiki and will be shown like below.
Steps for executing above codes:
- Save these files with .html extension as file_name.html
- Then open the files in a browser, it will get redirect to the w3wiki homepage.