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

重要说明：

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

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

作者无法选择在新选项卡而不是新窗口中打开；这是用户偏好。（请注意，大多数浏览器中的默认用户首选项是针对新选项卡的，因此在未更改该首选项的浏览器上进行的简单测试不会证明这一点。）

CSS3提出了新的目标，但该规范被放弃。

反之则不然；通过在window.open（）的第三个参数中为窗口指定某些窗口特性，当首选项是选项卡时，可以触发一个新窗口。

我使用了以下方法，效果很好！

window.open(url, '_blank').focus();

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

新建窗口

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

新建选项卡

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

--或--

var myWin = window.open(strUrl);

是否在新选项卡或新窗口中打开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（url，'_blank'），它将在Chrome上被阻止（弹出窗口阻止程序）。

试试看：

//With JQuery

$('#myButton').click(function () {
    var redirectWindow = window.open('http://google.com', '_blank');
    redirectWindow.location;
});

使用纯JavaScript，

document.querySelector('#myButton').onclick = function() {
    var redirectWindow = window.open('http://google.com', '_blank');
    redirectWindow.location;
};