333

How to open a URL in new tab instead of new window programatically?

4
  • 9
    <a target="_blank" href="url"> but it's up to the user's browser preferences.
    – elclanrs
    Nov 8, 2013 at 4:48
  • 41
    Thats not programatically...
    – FabianCook
    Nov 8, 2013 at 4:52
  • @FabianCook It's a programming language syntax... so I'd call it programmatic!
    – nmz787
    Jul 22, 2020 at 18:14
  • Mmmm, actually in this question the people answer most well the question instead the question marked as link in the top Mar 2, 2021 at 2:19

6 Answers 6

525

Use window.open():

var win = window.open('http://stackoverflow.com/', '_blank');
if (win) {
    //Browser has allowed it to be opened
    win.focus();
} else {
    //Browser has blocked it
    alert('Please allow popups for this website');
}

Depending on the browsers implementation this will work

There is nothing you can do to make it open in a window rather than a tab.

3
  • 3
    What does _blank do in this call? Feb 13, 2017 at 20:22
  • 3
    It's a special name of a browser window that will create a new window every time, alternatively you could use a specific name like "login_screen", if the window is already loaded it will reload the content with the URL you have provided
    – FabianCook
    Feb 16, 2017 at 10:49
  • 5
    window.open() would cause the popup warning which is an unwanted user experience. Instead introduce a hidden <a href="" target="_blank" id="click_me" ></a> somewhere and perform a click using .click() For ex: document.getElementById('click_me').click()
    – nehem
    Feb 26, 2020 at 3:53
219

This is as simple as this.

window.open('_link is here_', 'name'); 

Function description:

name is a name of the window. Following names are supported:

  • _blank - URL is loaded into a new tab. This is default.
  • _parent - URL is loaded into the parent frame
  • _self - URL replaces the current page
  • _top - URL replaces any framesets that may be loaded
1
  • 6
    For security, one could add the "noopener" and "noreferrer" window features: window.open("url", "_blank", "noopener,noreferrer");
    – kas
    Jun 3, 2020 at 5:00
75

if you mean to opening all links on new tab, try to use this jquery

$(document).on('click', 'a', function(e){ 
    e.preventDefault(); 
    var url = $(this).attr('href'); 
    window.open(url, '_blank');
});
2
  • @Vicky is your a element appended by other event? May you need to change .click with .on('click' Oct 20, 2015 at 1:12
  • i am trying to implement same logic using your answer which works but when i try to right click and do open link in new tab it doesnt. any idea how can i fix that?
    – mike
    Jan 2, 2018 at 20:23
46
 var url = "http://www.example.com";
 window.open(url, '_blank');
0
28

You can easily create a new tab; do like the following:

function newTab() {
     var form = document.createElement("form");
     form.method = "GET";
     form.action = "http://www.example.com";
     form.target = "_blank";
     document.body.appendChild(form);
     form.submit();
}
2
  • Hi dude.. when I open like this im getting like firefox prevented this site from opening popup.... Sep 4, 2014 at 10:34
  • 3
    Amend your implementation to be user-driven (i.e. Click a link) and not self-executing (i.e. On page load) ... then praise the righteous popup blocker
    – Koffy
    Nov 2, 2014 at 15:20
15

I know your question does not specify if you are trying to open all a tags in a new window or only the external links.

But in case you only want external links to open in a new tab you can do this:

$( 'a[href^="http://"]' ).attr( 'target','_blank' )
$( 'a[href^="https://"]' ).attr( 'target','_blank' )
1
  • It treats www.google.com as an internal link.. How can i open it in a new tab ? or Add http
    – tkamath99
    Nov 28, 2019 at 6:07

Not the answer you're looking for? Browse other questions tagged or ask your own question.