我试图在一个新的选项卡中打开一个URL，而不是弹出窗口。
我见过一些相关的问题，其中的回答大致如下：
window.open(url,'_blank');
window.open(url);
但没有一个对我有效，浏览器仍然试图打开一个弹出窗口。
当前回答
这个问题有答案，但不是否定的。
我找到了一个简单的解决方法：
步骤1：创建不可见链接：
<a id=“yourId”href=“yourlink.html”target=“_blank”style=“display:none；”></a>
步骤2：以编程方式单击该链接：
document.getElementById（“yourId”）.click（）；
干得好！这对我很有吸引力。
其他回答
如果链接位于同一域（同一网站），浏览器将始终在新选项卡中打开该链接。如果链接在其他域上，它将在新的选项卡/窗口中打开，具体取决于浏览器设置。
因此，根据这一点，我们可以使用：
<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在同一个网站上打开新窗口（它将在新选项卡中打开），然后在新窗口中打开您想要的网站。
这种方式与以前的解决方案类似，但实施方式不同：
.social_icon->CSS类
<div class="social_icon" id="SOME_ID" data-url="SOME_URL"></div>
$('.social_icon').click(function(){
var url = $(this).attr('data-url');
var win = window.open(url, '_blank'); ///similar to above solution
win.focus();
});
这是一个技巧，
function openInNewTab(url) {
window.open(url, '_blank').focus();
}
// Or just
window.open(url, '_blank').focus();
在大多数情况下，这应该直接发生在链接的onclick处理程序中，以防止弹出窗口阻止程序和默认的“新窗口”行为。您可以这样做，或者向DOM对象添加事件侦听器。
<div onclick="openInNewTab('www.test.com');">Something To Click On</div>
参考：使用JavaScript在新选项卡中打开URL
不要使用target=“_blank”
始终为该窗口使用一个特定的名称，在我的情况下是指fulName。在这种情况下，可以节省处理器资源：
button.addEventListener('click', () => {
window.open('https://google.com', 'meaningfulName')
})
这样，例如，当你在一个按钮上单击10次时，浏览器将始终在一个新选项卡中重新阅读它，而不是在10个不同的选项卡中打开它，这将消耗更多的资源。
您可以在MDN上阅读有关此的更多信息。
下面是一个如何将其放入HTML标记的示例
<button onClick="window.open('https://stackoverflow.com/','_blank')">Stackoverflow</button>
