Javascript - Open a given URL in a new tab by clicking a button

Question

I would like to have a button that redirects to a given URL and opens in a new tab  How can this be done

User · Answer

My preferred method has the advantage of no JavaScript embedded in your markup:

CSS

a {
  color: inherit;
  text-decoration: none;
}

HTML

<a href="http://example.com" target="_blank"><input type="button" value="Link-button"></a>

User · Answer

You can t  This behaviour is only available for plugins and can only be configured by the user

User · Answer

Open in new tab using javascript     lt button onclick  window open  https   www our-url com    id  myButton    class  btn request-callback   gt Explore More   lt  button gt

User · Answer

Use this    lt input type  button  value  button name  onclick  window open  http   www website com page      gt    Worked for me and it will open an actual new  popup  window rather than a new full browser or tab  You can also add variables to it to stop it from showing specific browser traits as follows   onclick  window open this href  popUpWindow   height 400 width 600 left 10 top 10  scrollbars yes menubar no    return false

User · Answer

USE this code   function openBackWindow url popName           var popupWindow   window open url popName  scrollbars 1 height 650 width 1050              if   browser msie               popupWindow blur                window focus             else             blurPopunder                            function blurPopunder                 var winBlankPopup   window open  about blank                if  winBlankPopup                    winBlankPopup focus                    winBlankPopup close                          IT works fine in Mozilla IE and chrome on and less than 22 version  but doesn t work in Opera and Safari

User · Answer

Use window open instead of window location to open a new window or tab  depending on browser settings    Your fiddle does not work because there is no button element to select  Try input type button  or give the button an id and use  buttonId

User · Answer

lt BUTTON NAME  my button  VALUE sequence no TYPE  SUBMIT  style  background-color transparent   border none  color blue   onclick  this form target   blank  return true   gt  lt u gt open new page lt  u gt  lt  BUTTON gt    This button will look like a URL and can be opened in a new tab

User · Answer

In javascript you can do   window open url    blank

User · Answer

try this   lt a id  link  href  www gmail com  target   blank   gt gmail lt  a gt

User · Answer

You can forget about using JavaScript because the browser controls whether or not it opens in a new tab  Your best option is to do something like the following instead    lt form action  http   www yoursite com dosomething  method  get  target   blank  gt       lt input name  dynamicParam1  type  text   gt       lt input name  dynamicParam2  type  text    gt       lt input type  submit  value  submit    gt   lt  form gt    This will always open in a new tab regardless of which browser a client uses due to the target   blank  attribute   If all you need is to redirect with no dynamic parameters you can use a link with the target   blank  attribute as Tim B  the suggests

User · Answer

Adding target   blank  should do it    lt a id  myLink  href  www google com  target   blank  gt google lt  a gt

User · Answer

I just used target   blank  under form tag and it worked fine with FF and Chrome where it opens in a new tag but with IE it opens in a new window

User · Answer

Try this HTML    lt input type  button  value  Button name  onclick  window open  LINKADDRESS     gt

[javascript] Javascript - Open a given URL in a new tab by clicking a button

Examples related to javascript