how to open new html page on button click in javascript

Hello Everyone, today I am going to share how do you open a new page after clicking html button in javascript . Suppose you want to link a button to another page in HTML . Then you can use this methods.

Example 1 :- Using window.open() method

For Example, I'm going to open "www.3schools.in" in a new tab.

Demo using open() method
     <button onclick="functionName()">open in a new tab</button>
     <script>
         function functionName(){
         window.open("https://www.3schools.in");
     }
   </script>
  
Try it Yourself »
You can use it in one link of code .
<button onclick="window.open("https://www.3schools.in");">open tab</button>

By default,the open() method opens a new tab. Learn how to open new html page on button click in same window.

Onclick open url in same window
   <button onclick="window.open('https://www.3schools.in','_self');">open tab</button>
  
Try it Yourself »

Example 2 :- using location.href

Demo using location.href
    <button onclick="window.location.href = 'https://www.3schools.in';">open webpage</button>
  
Try it Yourself »

Example 3 :- using location.replace

Demo using location.replace
    <button onclick="window.location.replace('https://www.3schools.in');">open webpage</button>
  
Try it Yourself »

How do you open a new page after clicking submit button in HTML. If you want to redirect to another page after submitting a form, Then you have to use action attribute .

Example 4 :- Form submit and open a new page.

Demo using form submit
    <form action="https://www.3schools.in">
      <input type="submit" value="submit form">
    </form>
  
Try it Yourself »

Open a new blank page in javascript.

open a blank window
     

  
Try it Yourself »

In this post, I have explained how to open new html page on button click in javascript. I hope you have learned something new in this tutorial.