Button for opening an HTML button in a new tab

Question

So, this is a simple code for a button to open a specific link

<button class="btn btn-success" onclick="location.href='http://google.com';"> Google</button> 

but it opens on the same page, I want the link to open in a new tab.

Answer 1

You can use the following.

 window.open( 'https:http://google.com', '_blank' // <- This is what makes it open in a new window. ); 

in HTML

  <button class="btn btn-success" onclick=" window.open('http://google.com','_blank')"> Google</button> 

plunkr

Answer 2

With Bootstrap, you can use the anchor as a button.

 <a class="btn btn-success" href="https://www.google.com" target="_blank">Google</a> 

And use target="_blank" to open the link in a new tab.

Answer 3

try it

 window.open(urlValue, "_system", "location=yes"); 

Answer 4

Use '_blank'. It will not only open the link in a new tab, but the state of the original web page will also remain unaffected.