为什么通过setTimeout事件无法关闭新打开的窗口？

核心问题原因 #

你当前代码和测试代码的核心区别在于：测试代码打开的是空白窗口，而业务代码打开的是confirm.htm外部页面，再加上直接调用document.write后未正确关闭文档流，导致两种场景下的窗口上下文、浏览器安全策略处理逻辑不同，最终无法触发窗口关闭。

具体解决方案 #

方案1：改用空白窗口生成内容（推荐） #

和你的测试代码逻辑对齐，打开空白窗口后写入内容并关闭文档流，确保窗口状态正常：

// 修改window.open的第一个参数为空白字符串
confWindow = window.open("", "Confirm Page", options);
confWindow.document.write("<p>Hi</p>");
confWindow.document.close(); // 必须调用，结束文档写入流
setTimeout(function(){confWindow.close()}, 5000);

这种方式完全规避了外部页面加载带来的上下文冲突问题，和测试代码的生效逻辑一致。

方案2：保留confirm.htm但调整执行时机 #

如果必须使用confirm.htm，需要等待新页面加载完成后再执行操作，避免跨上下文引用失效：

confWindow = window.open("confirm.htm", "Confirm Page", options);
// 监听新窗口的load事件，确保页面加载完成后再操作
confWindow.addEventListener('load', function() {
  // 优先用DOM操作修改内容，而非document.write
  const p = document.createElement('p');
  p.textContent = 'Hi';
  confWindow.document.body.appendChild(p);
  
  setTimeout(function(){confWindow.close()}, 5000);
});

注意：如果confirm.htm和当前页面存在跨域限制（比如本地文件协议下部分浏览器的安全策略），这种方法可能依然失效，此时优先选择方案1。

方案3：排查浏览器安全限制 #

部分浏览器的弹窗拦截或安全策略会限制脚本关闭非脚本直接创建的窗口，确保你的窗口是通过用户主动点击（如按钮click事件）触发创建的（你的代码已满足这一点），避免在无用户交互的异步回调中创建窗口，否则会被浏览器拦截或限制权限。

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