Open In App

JavaScript | Redirect a URL

Improve
Improve
Like Article
Like
Save
Share
Report

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>
        var url= "https://www.geeksforgeeks.org";
        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.


    Last Updated : 19 Feb, 2019
    Like Article
    Save Article
    Previous
    Next
    Share your thoughts in the comments
    Similar Reads