要打开新选项卡并保持在同一位置，可以在新选项卡中打开当前页面，然后将旧选项卡重定向到新URL。

let newUrl = 'http://example.com';
let currentUrl = window.location.href;
window.open(currentUrl , '_blank'); // Open window with the URL of the current page
location.href = newUrl; // Redirect the previous window to the new URL

浏览器将自动将您移动到新打开的选项卡。看起来您的页面已重新加载，您将停留在同一页面上，但在新窗口上：

window.open（url）将在一个新的浏览器选项卡中打开url。下面是替代它的JavaScript：

let a = document.createElement('a');
a.target = '_blank';
a.href = 'https://support.wwf.org.uk/';
a.click(); // We don't need to remove 'a' from the DOM, because we did not add it

这里是一个工作示例（StackOverflow片段不允许打开新选项卡）。

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调用。

我认为你无法控制这一切。如果用户已将浏览器设置为在新窗口中打开链接，则不能强制其在新选项卡中打开链接。

JavaScript在新窗口中打开，而不是选项卡

这个问题有答案，但不是否定的。

我找到了一个简单的解决方法：

步骤1：创建不可见链接：

<a id=“yourId”href=“yourlink.html”target=“_blank”style=“display:none；”></a>

步骤2：以编程方式单击该链接：

document.getElementById（“yourId”）.click（）；

干得好！这对我很有吸引力。

如果您使用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;
};