JS多窗口打开时指定显示窗口问题：focus方法未生效

这个问题其实是现代浏览器的弹窗拦截/焦点管理策略导致的，我来给你拆解原因和解决办法：

为什么你的代码不生效？ #

现代浏览器（Chrome、Firefox、Edge等）为了避免恶意网站强制弹窗骚扰，对window.focus()的调用做了严格限制：

• 只有在**用户主动触发的交互事件（比如点击按钮、链接）**中调用focus()，浏览器才会允许将窗口前置；
• 连续调用window.open()时，浏览器可能会将最后打开的窗口默认置为前台，而且如果你的代码是在页面加载（onload）这类非用户触发的场景下执行，前面的x.focus()会被浏览器直接忽略。

可行的解决方法 #

1. 必须在用户交互上下文内执行代码 #

这是最关键的一步，把打开窗口和focus的逻辑绑定到用户的点击事件上，比如按钮点击：

// 先在HTML里加一个按钮：<button id="openWindowsBtn">打开多个窗口</button>
document.getElementById('openWindowsBtn').addEventListener('click', function() {
  // 打开三个窗口
  const jabraWindow = window.open("http://www.jabra.com.de/Support/warranty-checker", "one");
  const googleWindow = window.open("https://www.google.de/", "two");
  const youtubeWindow = window.open("https://www.youtube.com/?gl=DE&hl=de", "three");

  // 等Jabra窗口加载完成后再调用focus，确保优先级
  jabraWindow.onload = function() {
    jabraWindow.focus();
  };
});

2. 备选方案：使用定时器（应急用） #

如果onload在某些场景下不够可靠（比如目标页面加载很慢），可以加一个微小的定时器，让focus()在所有窗口打开后延迟执行：

document.getElementById('openWindowsBtn').addEventListener('click', function() {
  const jabraWindow = window.open("http://www.jabra.com.de/Support/warranty-checker", "one");
  window.open("https://www.google.de/", "two");
  window.open("https://www.youtube.com/?gl=DE&hl=de", "three");

  // 延迟500ms执行focus，给浏览器足够时间处理窗口打开
  setTimeout(() => {
    jabraWindow.focus();
  }, 500);
});

3. 额外注意事项 #

• 如果同名窗口已经存在（比如之前打开过"one"窗口），window.open()会复用该窗口，这时候focus()的成功率更高；
• 部分浏览器可能会默认将所有新打开的窗口放在后台，这时候需要提示用户检查浏览器的弹窗设置，允许当前网站的弹窗权限。

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