How to open a URL in a new Tab using JavaScript or jQuery? [duplicate]

How to open a URL in a new Tab using JavaScript or jQuery? [duplicate]

This question already has an answer here:

Open a URL in a new tab (and not a new window) using JavaScript

26 answers

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

Solutions/Answers:

Solution 1:

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.

Solution 2:

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
Related:  jQuery parent of a parent

Solution 3:

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');
});

Solution 4:

 var url = "http://www.example.com";
 window.open(url, '_blank');

Solution 5:

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();
}

Solution 6:

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' )