我试图在一个新的选项卡中打开一个URL，而不是弹出窗口。
我见过一些相关的问题，其中的回答大致如下：
window.open(url,'_blank');
window.open(url);
但没有一个对我有效，浏览器仍然试图打开一个弹出窗口。
当前回答
如果链接位于同一域（同一网站），浏览器将始终在新选项卡中打开该链接。如果链接在其他域上，它将在新的选项卡/窗口中打开，具体取决于浏览器设置。
因此，根据这一点，我们可以使用：
<a class="my-link" href="http://www.mywebsite.com" rel="http://www.otherwebsite.com">new tab</a>
并添加一些jQuery代码：
jQuery(document).ready(function () {
jQuery(".my-link").on("click",function(){
var w = window.open('http://www.mywebsite.com','_blank');
w.focus();
w.location.href = jQuery(this).attr('rel');
return false;
});
});
所以，首先用_blank target在同一个网站上打开新窗口（它将在新选项卡中打开），然后在新窗口中打开您想要的网站。
其他回答
(function(a) {
document.body.appendChild(a);
a.setAttribute('href', location.href);
a.dispatchEvent((function(e) {
e.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, true, false, false, false, 0, null);
return e
}(document.createEvent('MouseEvents'))))
}(document.createElement('a')))
或者您可以创建一个链接元素并单击它。。。
var evLink = document.createElement('a');
evLink.href = 'http://' + strUrl;
evLink.target = '_blank';
document.body.appendChild(evLink);
evLink.click();
// Now delete it
evLink.parentNode.removeChild(evLink);
这不应该被任何弹出窗口阻止程序阻止。。。有希望地
这个问题有答案，但不是否定的。
我找到了一个简单的解决方法：
步骤1：创建不可见链接：
<a id=“yourId”href=“yourlink.html”target=“_blank”style=“display:none；”></a>
步骤2：以编程方式单击该链接：
document.getElementById（“yourId”）.click（）；
干得好！这对我很有吸引力。
要打开新选项卡并保持在同一位置，可以在新选项卡中打开当前页面，然后将旧选项卡重定向到新URL。
let newUrl = 'http://example.com';
let currentUrl = window.location.href;
window.open(currentUrl , '_blank'); // Open window with the URL of the current page
location.href = newUrl; // Redirect the previous window to the new URL
浏览器将自动将您移动到新打开的选项卡。看起来您的页面已重新加载，您将停留在同一页面上，但在新窗口上：
你可以在形式上使用技巧：
$(function () {
$('#btn').click(function () {
openNewTab("http://stackoverflow.com")
return false;
});
});
function openNewTab(link) {
var frm = $('<form method="get" action="' + link + '" target="_blank"></form>')
$("body").append(frm);
frm.submit().remove();
}
jsFiddle演示
