How to Redirect to Another Webpage using JavaScript?

JavaScript Redirect a URL

Last Updated : 03 Oct, 2024

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.

Example 1:

HTML

<!DOCTYPE html>
<html>

<head>
    <title>Redirect url in Javascript</title>
</head>

<body>
    <script>
        let url = "https://www.geeksforgeeks.org";
        window.location = url;
    </script>
</body>

</html>

Output:

Example 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.

HTML

<!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() {
            let 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.

How to Redirect to Another Webpage using JavaScript?

K

Kartikaybhutani

Improve

Article Tags :

Similar Reads

How to redirect to a relative URL in JavaScript?

To redirect to a relative URL in JavaScript, you could use window.location.href. It is a property in JavaScript that represents the complete URL of the current page. It can be used to get the current URL or to navigate to a new URL by assigning a new URL to it. Approach HTML Structure:The HTML file

Redirect to another webpage using JavaScript

JavaScript can redirects the users from current page to another webpage (different URL) with and without requiring any manual action (like clicking a link). To redirect to another weboage in JavaScript we need to manipulate the window.location object and it will allow us to navigate programmatically

How to parse URL using JavaScript ?

Given an URL and the task is to parse that URL and retrieve all the related data using JavaScript. Example: URL: https://www.geeksforgeeks.org/courses When we parse the above URL then we can find hostname: geeksforgeeks.com path: /courses Method 1: In this method, we will use createElement() method

Redirecting to URL in Flask

Flask is a backend server that is built entirely using Python. It is a Â framework that consists of Python packages and modules. It is lightweight which makes developing backend applications quicker with its features. In this article, we will learn to redirect a URL in the Flask web application. Redi

How to add a parameter to the URL in JavaScript ?

Given a URL the task is to add parameter (name & value) to the URL using JavaScript. URL.searchParams: This read-only property of the URL interface returns a URLSearchParams object providing access to the GET-decoded query arguments in the URL. Table of Content Using the append methodUsing set m

How to redirect browser window back using JavaScript ?

Redirecting a browser window back to the previous page using JavaScript is a common task for web developers looking to enhance user navigation. This guide will cover the simple yet important methods available in JavaScript to achieve this functionality, ensuring a smooth user experience. There are s

Convert URL parameters to a JavaScript Object

Given an URL with parameters, The task is to get those parameters and convert them to a JavaScript Object using javascript. we're going to discuss a few techniques. Below is the following method to convert URL parameters to a JavaScript Object: Using replace() MethodUsing split() MethodUsing for ...

ASP Redirect Method

The ASP Redirect Method is used to redirect the client to a different URL. It is a predefined method of the Response Object. Syntax: Response.Redirect URL Parameter Values: This method accepts a single parameter as mentioned above and described below: URL: It defines a Uniform resource locator which

JavaScript String link() Method

The link() method of String values creates a string that embeds this string in an <a> element ( <a href="...">str</a> ), to be used as a hypertext link to another URL, All HTML wrapper methods are deprecated and only standardized for compatibility purposes. Note: This method is dep

JavaScript - Validate URL in JS

We will explore different approaches to validating URLs in JavaScript. These approaches include using regular expressions (regex), the URL constructor, and various npm packages. let's see one by one. All valid URLs follow a particular pattern. They have three main parts, which are: ProtocolDomain na