Prerequisites:
Learn Basic HTML
Learn Basic Javascript
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.
JavaScript codes for redirecting to a URL:
Code #1:
<!DOCTYPE html>
<html>
<head>
<title>Redirect url in Javascript</title>
</head>
<body>
<script>
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.geeksforgeeks.org/) is put inside the box, it will redirect to the home page of the GeeksforGeeks 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 GeeksforGeeks homepage.
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!