如何阻止JavaScript中window.open打开已存在窗口时刷新页面？

问题的核心在于：当你用相同的窗口名重复调用window.open()时，浏览器会默认加载传入的URL（哪怕窗口已经存在），这就是导致页面刷新的原因。要实现仅切换到前台不刷新，我们需要先判断目标窗口是否还处于活跃状态，再决定是focus还是新建。

这里有个可靠的实现方式：

// 全局保存窗口引用，避免每次调用重新创建
let targetWindow = null;

function openNewTab(url) {
  // 检查窗口是否存在且未被关闭
  if (targetWindow && !targetWindow.closed) {
    // 将窗口置于前台
    targetWindow.focus();
  } else {
    // 窗口不存在/已关闭，新建窗口并保存引用
    targetWindow = window.open(url, 'windowNameHehe');
  }
}

关键细节解释： #

• 保存窗口引用：我们用一个全局变量targetWindow来存储已打开窗口的引用，这样每次调用函数时都能直接检查它的状态。
• window.closed判断：这个属性会返回布尔值，告诉我们窗口是否已经被用户关闭。如果窗口还开着，closed是false，这时直接调用focus()就能把它带到前台，不会触发刷新。
• 避免重复创建：只有当窗口不存在或者已经被关闭时，我们才会调用window.open()新建窗口。

为什么之前的尝试无效？ #

• newTab.focus()：你之前的写法是每次都调用window.open()，这一步已经触发了URL加载（刷新），之后再focus已经晚了。
• 第四个参数（noopener/noreferrer相关）：这个参数控制的是新窗口是否能访问原窗口的window.opener，和是否刷新页面没有关系，所以设置布尔值不会解决问题。

额外注意事项 #

• 如果用户在新标签页里手动导航到了其他URL，这个方法依然只会把该标签页带到前台，不会强制跳回原来的url——这正是你想要的效果。
• 浏览器的弹出窗口拦截机制可能会影响window.open()的调用，确保你的函数是由用户交互（比如点击按钮）触发的，避免被拦截。

内容的提问来源于stack exchange，提问作者christiancn7