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

Javascript Web Development Front End Technology

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>

Jai Janardhan

Published on 07-Feb-2018 09:29:44

Previous Page Print Page