window.open()用于打开新窗口或查找已命名窗口，语法为window.open(url,name,specs,replace)，其中url、name、specs均为可选参数，replace已弃用且chrome中会抛异常。
如何用 window.open() 安全打开新窗口
直接调用 window.open() 在现代浏览器中大概率被拦截，除非它由用户手势（如 click 事件）触发。自动执行、定时器或异步回调里调用基本无效。
实操建议：
- 确保调用在
addEventListener('click', ...)或内联onclick中，且不跨微任务（比如不要包在Promise.then()或setTimeout(..., 0)里） - 传参推荐显式指定
features字符串，例如'width=800,height=600,menubar=no,toolbar=no'；留空或传null会复用当前窗口标签页（部分浏览器行为不一致） - 返回值是新窗口的
window对象，可用于后续通信（需同源）或关闭：newWin.close() - 跨域新窗口无法读写
newWin.document或newWin.location，但可监听newWin.closed（只读布尔值）判断是否关闭
window.close() 为什么经常不起作用
浏览器限制严格：只有 JavaScript 打开的窗口（即通过 window.open() 返回的）才能用 window.close() 关闭；用户手动打开的标签页或主窗口一律拒绝。
常见错误现象：
- 在控制台直接执行
window.close()→ 无反应或报错Scripts may close only the windows that were opened by them. - 在 iframe 内调用
parent.close()→ 被阻止，且父窗口不是它打开的 - 使用
window.open(url, '_blank')后未保存返回值 → 失去引用，无法关闭
真正能关掉的，只有你自己用 window.open() 拿到的那个变量。
如何监听窗口关闭或失去焦点
没有直接的 “窗口关闭” 事件，但可通过组合方式间接感知：
-
window.onbeforeunload：用户尝试离开/刷新/关闭前触发，可弹出确认框（仅限同步逻辑，返回字符串才生效） -
window.onunload：已不可逆地开始卸载，此时不能弹窗、不能发起网络请求（多数浏览器忽略fetch），适合清理内存引用 -
document.hidden+visibilitychange：更可靠判断页面是否在后台（包括最小化、切 Tab），比blur更准确 - 对子窗口，轮询检查
childWin.closed === true（注意：跨域时该属性仍可读）
用 window.location 跳转时的兼容性细节
window.location 是只读对象，但它的多个属性可赋值触发导航，行为略有差异：
-
window.location.href = 'url'：最常用，兼容性最好，会加入历史记录 -
window.location.assign('url')：等价于上者，语义更清晰 -
window.location.replace('url')：替换当前历史项，用户无法后退到原页面 —— 适合登录跳转、错误页重定向等场景 -
window.location.reload()：默认true强制从服务器重载；传false可能从缓存加载（但实际行为浏览器差异大，不建议依赖）
注意：所有跳转操作若目标 URL 协议/域名/端口与当前不一致，都会导致页面完全卸载，之前绑定的事件监听器、定时器全部失效。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
