How can a page be forced to load another page in JavaScript ?

In this article, we will see how can a page be forced to load another page in JavaScript.

Approach: We can use window.location property inside the script tag to forcefully load another page in Javascript. It is a reference to a Location object that is it represents the current location of the document. We can change the URL of a window by accessing it.

Syntax:

<script>
    window.location = <Path / URL>
</script>

Example:

<script>
    window.location = "https://www.neveropen.co.za/"
</script>

So in the above example, we see that by changing the window.location Object inside Javascript we can change the URL of our window and thus successfully load any page forcibly from our Javascript without any href tag. We will build a small working sample to learn it practically. 

Below is the step by step implementation:

Step 1: Create a file named index.html. Add a heading and two buttons to it. One button forcefully loads a page with a live URL and the other button loads a local HTML page. In the <script> tag we have two functions, one loads gfg home page, and the second loads a local HTML page using window.location property.

Step 2: Create a file named newPage.html. This is the local HTML page that would be loaded by Javascript.

Output:

Output Screencast