如何使用JavaScript或jQuery在新选项卡中打开URL？

Question

如何以编程方式在新选项卡中打开URL而不是新窗口？

Answer 1

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

根据浏览器的实现,这将起作用

没有什么可以让它在窗口而不是标签中打开.

Answer 2

这很简单.

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

功能说明:

name是窗口的名称.支持以下名称:

• _blank- URL已加载到新选项卡中.这是默认值.
• _parent - URL加载到父框架中
• _self - URL替换当前页面
• _top - URL替换可能加载的任何框架集

Answer 3

如果您打算在新标签上打开所有链接,请尝试使用此jquery

$(document).on('click', 'a', function(e){ 
    e.preventDefault(); 
    var url = $(this).attr('href'); 
    window.open(url, '_blank');
});

Answer 4

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

Answer 5

您可以轻松创建新选项卡; 做如下:

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

Answer 6

我知道您的问题没有说明您是在尝试在新窗口中打开所有标签还是仅打开外部链接.

但是,如果您只想在新标签页中打开外部链接,则可以执行以下操作:

$( 'a[href^="http://"]' ).attr( 'target','_blank' )
$( 'a[href^="https://"]' ).attr( 'target','_blank' )