JavaScript | Redirect a URL

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:

    filter_none

    edit
    close

    play_arrow

    link
    brightness_4
    code

    <!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>

    chevron_right

    
    

    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.

    filter_none

    edit
    close

    play_arrow

    link
    brightness_4
    code

    <!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>

    chevron_right

    
    

    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.


    My Personal Notes arrow_drop_up

    Check out this Author's contributed articles.

    If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

    Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.