这将创建一个虚拟的a元素，并为其提供target=“_blank”，因此它将在一个新选项卡中打开，为其提供适当的URL href，然后单击它。

function openInNewTab(href) {
  Object.assign(document.createElement('a'), {
    target: '_blank',
    rel: 'noopener noreferrer',
    href: href,
  }).click();
}

然后你可以像这样使用它：

openInNewTab("https://google.com");

重要说明：

这必须在所谓的“可信事件”回调过程中调用，例如，在单击事件期间（在回调函数中不需要直接调用，但在单击操作期间）。否则，浏览器将阻止打开新页面。

如果您在某个随机时刻手动调用它（例如，在一段时间内或在服务器响应之后），它可能会被浏览器阻止（这很有道理，因为这会带来安全风险，并可能导致用户体验不佳）。

jQuery

$('<a />',{'href': url, 'target': '_blank'}).get(0).click();

JavaScript

Object.assign(document.createElement('a'), { target: '_blank', href: 'URL_HERE'}).click();

这可能是一个黑客，但在Firefox中，如果您指定第三个参数“fullscreen=yes”，它会打开一个新的窗口。

例如

<a href="#" onclick="window.open('MyPDF.pdf', '_blank', 'fullscreen=yes'); return false;">MyPDF</a>

它似乎实际上覆盖了浏览器设置。

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

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

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

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

有很多答案副本建议使用“_blank”作为目标，但我发现这并不奏效。正如Prakash指出的，这取决于浏览器。但是，您可以向浏览器提出某些建议，例如窗口是否应具有位置栏。

如果你提出了足够多的“类似标签的东西”，你可能会得到一个标签，正如Nico对铬的这个更具体问题的回答：

window.open('http://www.stackoverflow.com', '_blank', 'toolbar=yes, location=yes, status=yes, menubar=yes, scrollbars=yes');

免责声明：这不是万能药。这仍然取决于用户和浏览器。现在，至少您为希望窗口的外观指定了一个首选项。

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

新建窗口

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

新建选项卡

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

--或--

var myWin = window.open(strUrl);