How to use window.location to redirect to a different URL?


You might have encountered a situation where you clicked a URL to reach a page X but internally you were directed to another page Y. It happens due to page redirection.

It is quite simple to do a page redirect using JavaScript on the client side. To redirect your site visitors to a new page, you just need to add a line in your head section as follows.

Example

You can try to run the following code to learn how to use window.location to redirect an HTML page. Here, we will redirect to the home page

Live Demo

<html>
   <head>
      <script>
         <!--
            function Redirect() {
               window.location.assign("https://www.tutorialspoint.com");
            }
         //-->
      </script>
   </head>
   <body>
      <p>Click the following button, you will be redirected to home page.</p>
      <input type="button" value="Redirect Me" onclick="Redirect();" />
   </body>
</html>

Updated on: 13-Jan-2020

775 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements