HTML button opening link in new tab

Question

So this is the simple code for the button to open a certain link                   lt button class  btn btn-success  onclick  location href  http   google com    gt  Google lt  button gt    but it opens it on the same page  I want the link to open on a new tab though

User · Answer

If you re in pug   html     head         title Pug     body         a href  http   www example com  target   blank   Example         button onclick  window open  http   www example com     Example   And if you re puggin  Semantic UI   html     head         title Pug         link rel  stylesheet  href  https   cdn jsdelivr net npm semantic-ui 2 3 3 dist semantic min css       body          ui center aligned container             a href  http   www example com  target   blank   Example          ui center aligned container             ui large grey button onclick  window open  http   www example com     Example

User · Answer

Try using below code    lt button title  button title  class  action primary tocart  onclick   window open  http   www google com     blank    return false   gt Google lt  button gt    Here  the window open with  blank as second argument of window open function will open the link in new tab   And by the use of return false we can remove cancel the default behavior of the button like submit      For more detail and live example  click here

User · Answer

Use   blank   It will not only open the link in a new tab but the state of the original webpage will also remain unaffected

User · Answer

Try this  window open urlValue    system    location yes

User · Answer

With Bootstrap you can use an anchor like a button    lt a class  btn btn-success  href  https   www google com  target   blank  gt Google lt  a gt    And use target   blank  to open the link in a new tab

User · Answer

Try this code    lt input type  button  value  Open Window  onclick  window open  http   www google com    gt

User · Answer

You can use the following   window open     https   google com       blank      lt - This is what makes it open in a new window       in HTML    lt button class  btn btn-success  onclick   window open  http   google com    blank    gt  Google lt  button gt    plunkr

User · Answer

You can also add this to your form    lt form     target   blank  gt

User · Answer

This worked for me  onClick       gt   window open  https   www google com

[html] HTML button opening link in new tab

Examples related to html

Examples related to web