只要省略strWindowFeatures参数，就会打开一个新选项卡，除非浏览器设置覆盖它（浏览器设置胜过JavaScript）。

新建窗口

var myWin = window.open(strUrl, strWindowName, [strWindowFeatures]);

新建选项卡

var myWin = window.open(strUrl, strWindowName);

--或--

var myWin = window.open(strUrl);

这种方式与以前的解决方案类似，但实施方式不同：

.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

浏览器在处理window.open时有不同的行为

您不能期望所有浏览器的行为都相同。window.open不能可靠地跨浏览器打开新选项卡上的弹出窗口，而且它还取决于用户的偏好。

例如，在Internet Explorer（11）上，用户可以选择在新窗口或新选项卡中打开弹出窗口，但不能强制Internet Explorer 11通过window.open以某种方式打开弹出窗口。

对于Firefox（29），window.open（url，'_blank'）的行为取决于浏览器的选项卡首选项，尽管您仍然可以通过指定宽度和高度强制其在弹出窗口中打开url（请参阅下面的“Chrome”部分）。

Internet Explorer（11）

您可以将Internet Explorer设置为在新窗口中打开弹出窗口：

完成后，尝试运行window.open（url）和window.open（url，'_blank'）。观察页面在新窗口中打开，而不是在新选项卡中打开。

Firefox（29）

您还可以设置选项卡首选项以打开新窗口，并看到相同的结果。

铬

看起来Chrome（版本34）没有任何设置来选择在新窗口或新选项卡中打开弹出窗口。不过，在这个问题中讨论了一些方法（编辑注册表）。

在Chrome和Firefox中，即使用户将Firefox设置为在新选项卡中打开新窗口，指定宽度和高度也会强制弹出窗口（如这里的答案所述）

let url = 'https://stackoverflow.com'
window.open(url, '', 'width=400, height=400')

然而，在Internet Explorer 11中，如果在浏览器首选项中选择了选项卡，则相同的代码将始终在新选项卡中打开链接，指定宽度和高度不会强制弹出新窗口。

在Chrome中，当在onclick事件中使用window.open时，它似乎会打开一个新的选项卡，当在浏览器控制台中使用它时，它会打开新的窗口（正如其他人所指出的），当指定了宽度和高度时，弹出窗口会打开。

附加阅读：window.open文档。

window.open（）不会在新选项卡中打开，如果它不是在实际的单击事件中发生的。在给定的示例中，URL是在实际单击事件上打开的。如果用户在浏览器中有适当的设置，这将起作用。

<a class="link">Link</a>
<script  type="text/javascript">
     $("a.link").on("click",function(){
         window.open('www.yourdomain.com','_blank');
     });
</script>

同样，如果您试图在click函数中执行Ajax调用，并希望在成功时打开一个窗口，请确保使用async:false选项集执行Ajax调用。

一个有趣的事实是，如果用户未调用该操作（单击按钮或其他东西），或者该操作是异步的，则无法打开新选项卡，例如，这将不会在新选项卡中打开：

$.ajax({
    url: "url",
    type: "POST",
    success: function() {
        window.open('url', '_blank');              
    }
});

但这可能会在新选项卡中打开，具体取决于浏览器设置：

$.ajax({
    url: "url",
    type: "POST",
    async: false,
    success: function() {
        window.open('url', '_blank');              
    }
});