使用window.open()在新标签页打开URL时的焦点行为不一致问题

你遇到的这个现象是浏览器针对窗口打开行为的内置策略导致的，核心原因有这几点：

• 标签页复用与状态记忆
  首次调用window.open(urlToOpen, '_blank', 'noopener noreferrer')时，浏览器会新建一个标签页加载目标URL，此时默认会把焦点切到新标签页。但后续再次调用时，只要之前通过_blank打开的标签页还在当前会话里，Chrome、Firefox这类主流浏览器会尝试复用这个标签页。为了不干扰你当前的操作，浏览器会让焦点留在原标签页，只在后台更新复用标签页的内容。

• 用户交互的上下文限制
  浏览器对脚本触发的窗口操作有严格的焦点管控：如果是用户主动点击触发的window.open，首次打开时浏览器允许切换焦点；但重复触发时，浏览器会判定这属于重复操作，为了避免恶意网站强制抢占焦点或者干扰用户当前流程，会限制焦点切换，优先保留你正在操作的原标签页。

• noopener noreferrer的间接影响
  虽然noopener noreferrer主要是安全属性（切断新窗口和原窗口的关联，防止钓鱼攻击），但它也让浏览器无法追踪原窗口和新窗口的关联状态。没有这个属性时，原窗口可以通过返回的窗口对象控制新窗口，但加上之后，浏览器对新窗口的管理更独立，后续复用标签页时更倾向于不干扰原窗口的焦点。

另外要纠正你的一个误解：window.open本身并没有“始终不切换焦点”的默认行为，它的焦点表现完全由浏览器的内置策略决定，不同浏览器甚至同一浏览器的不同版本都可能有差异。

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