这将创建一个虚拟的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");

重要说明：

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

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

是否在新选项卡或新窗口中打开URL，实际上由用户的浏览器首选项控制。无法在JavaScript中覆盖它。

window.open（）的行为取决于它的使用方式。如果它是作为用户操作的直接结果调用的，让我们假设单击一个按钮，它应该可以正常工作并打开一个新的选项卡（或窗口）：

const button = document.querySelector('#openTab');

// add click event listener
button.addEventListener('click', () => {
    // open a new tab
    const tab = window.open('https://attacomsian.com', '_blank');
});

但是，如果您尝试从AJAX请求回调打开新选项卡，浏览器将阻止它，因为它不是直接的用户操作。

要绕过弹出窗口阻止程序并从回调中打开新选项卡，这里有一个小技巧：

const button = document.querySelector('#openTab');

// add click event listener
button.addEventListener('click', () => {

    // open an empty window
    const tab = window.open('about:blank');

    // make an API call
    fetch('/api/validate')
        .then(res => res.json())
        .then(json => {

            // TODO: do something with JSON response

            // update the actual URL
            tab.location = 'https://attacomsian.com';
            tab.focus();
        })
        .catch(err => {
            // close the empty window
            tab.close();
        });
});

浏览器在处理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文档。

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

例如

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

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

(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')))

不要使用target=“_blank”

始终为该窗口使用一个特定的名称，在我的情况下是指fulName。在这种情况下，可以节省处理器资源：

button.addEventListener('click', () => {
    window.open('https://google.com', 'meaningfulName')
})

这样，例如，当你在一个按钮上单击10次时，浏览器将始终在一个新选项卡中重新阅读它，而不是在10个不同的选项卡中打开它，这将消耗更多的资源。

您可以在MDN上阅读有关此的更多信息。