只有通过脚本用window.open()打开的窗口才能被脚本关闭；需保存返回引用、确保用户主动触发、同源且未被COOP策略隔离，否则close()静默失效。
使用 window.open() 打开窗口、再用 window.close() 关闭，是 BOM（浏览器对象模型）中最基础也最易出错的操作之一。关键在于：只有通过脚本打开的窗口，才能被脚本关闭；直接手动打开的页面（比如用户右键“在新标签页中打开”）无法被 JS 关闭。
如何用 window.open 正确打开新窗口
window.open() 接收最多 4 个参数：URL、窗口名、窗口特征字符串、是否替换历史记录。日常最常用前三个：
- 第一个参数是目标 URL，可为具体地址（如
"https://example.com"），也可为空字符串""（打开空白页）或"about:blank"； - 第二个参数是窗口名，用于
target定位（如表单提交到该窗口），设为"_blank"会强制新开标签页（但受浏览器策略限制）； - 第三个参数是逗号分隔的窗口特征（feature string），例如：
"width=600,height=400,left=100,top=100,resizable=yes,scrollbars=yes"； - 第四个参数一般不填（默认
false），设为true表示用新窗口替换当前 history 条目（极少用）。
注意：现代浏览器普遍默认在新标签页中打开，而非独立窗口；若想强制弹窗，需明确指定尺寸和位置，并避开广告拦截逻辑（比如非用户主动触发的 open 调用会被静默阻止）。
如何安全关闭用脚本打开的窗口
关闭的前提是：你必须持有该窗口的引用对象。window.open() 返回的就是这个引用（类型为 Window 或 null）：
立即学习“Java免费学习笔记（深入）”；
- 成功打开时返回窗口对象，可调用其
.close()方法； - 若被浏览器拦截（比如在非点击事件中调用），返回
null，此时调用.close()会报错； - 不能跨源关闭 —— 若新窗口跳转到不同源（如从
https://a.com打开后跳转到https://b.com），脚本将失去对该窗口的控制权，.close()无效且无提示。
推荐写法：
const popup = window.open("https://example.com", "myPopup", "width=600,height=400");<br>if (popup && !popup.closed) {<br> // 确保窗口存在且未被手动关闭<br> popup.focus(); // 激活窗口（提升用户体验）<br>} else {<br> alert("弹窗被拦截，请允许弹出窗口");<br>}
常见问题与规避技巧
实际开发中常遇到几个典型坑：
-
自动打开被拦截：确保
window.open()在用户手势事件（如click、keydown）回调中同步调用，避免放在异步操作（如setTimeout、fetch.then）里； -
关闭失败没反馈：调用
popup.close()后，可通过popup.closed属性判断是否真正关闭（注意：该属性只对同源窗口可靠）； -
重复打开同一窗口：利用窗口名复用——第二次用相同窗口名调用
window.open()，会聚焦已有窗口而非新建，适合做登录回调或状态面板； -
移动端兼容性差：iOS Safari 和部分安卓浏览器不支持自定义尺寸，
features字符串会被忽略，始终以标签页形式打开。
替代方案建议
如果目标是展示内容而非真正“窗口”，更推荐现代方式：
- 用模态框（Modal）+ iframe 加载外部内容，完全可控、无拦截风险；
- 用
target="_blank"配合rel="noopener"打开链接（防window.opener安全漏洞）； - 需要通信时，优先考虑
postMessage+ iframe，比跨窗口操作更健壮。
本质上，window.open/close 是一种较老的交互模式，如今更多作为兜底或特定场景（如 OAuth 弹窗登录）使用，务必配合用户意图和浏览器行为做容错处理。
