javascript - 如何使用 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' )