layui layer 子窗口不随父窗口关闭是因它不监听父页面生命周期，需主动建立通信：同域用 beforeunload 配合维护 layer 索引列表清理；跨域则须 postmessage 双向通知，子页跳转空页而非依赖 window.close()。
父窗口关闭时子窗口不自动销毁，是 layui layer 的默认行为——它只管理自己打开的弹层，不监听父页面生命周期。要实现“父关 → 子关”，必须主动建立父子通信链路，不能依赖 layer 自身机制。
为什么 window.close() 或刷新父页后子层还在？
因为：layer.open() 创建的弹层（尤其是 type: 2 iframe 层）本质是插入到父页面 DOM 中的独立节点，父页面跳转、刷新或关闭时，浏览器会销毁整个页面上下文，但 iframe 内容若未显式通知，可能残留（尤其在调试工具中误判为“还在”）。真正的问题常出现在：父页用 location.href 或 history.pushState 切换路由但未卸载 layer 实例；或子页被当成独立 tab 打开（非 iframe），此时根本不在同一上下文里。
同域下：用 beforeunload 主动清理子层
在父页面 JS 中注册卸载前钩子，遍历并关闭所有已打开的 layer 实例：
- 调用
layer.getFrameIndex()对每个 iframe 层无效（它只对当前 iframe 有效），所以得靠你维护索引列表 - 推荐做法：打开弹层时存 index 到全局数组，如
window._openLayers = [] - 在父页加监听：
window.addEventListener('beforeunload', function() { window._openLayers.forEach(index => layer.close(index)); window._openLayers = []; }); - 每次
layer.open()后手动 push：window._openLayers.push(index);
跨域子页：必须用 postMessage 双向通知
子页和父页不同源时，parent.layer 不可访问。此时关闭逻辑必须由父页发起，并通过消息告知子页配合退出：
- 父页在
beforeunload中发送消息：window.addEventListener('beforeunload', () => { // 假设你存了 iframe 元素引用 const iframe = document.getElementById('myIframe'); if (iframe && iframe.contentWindow) { iframe.contentWindow.postMessage({ action: 'close' }, 'https://subdomain.example.com'); } }); - 子页监听：
window.addEventListener('message', e => { if (e.origin !== 'https://main.example.com') return; if (e.data.action === 'close') { // 执行清理，然后通知父页“已准备就绪” window.close(); // 或 location.replace('about:blank') } }); - 注意：
window.close()在非脚本打开的页面中多数浏览器会静默失败，更稳妥的是子页主动跳转空页或清空 body
子页自己监听父页 visibility 变化不可靠
有人试过用 document.visibilityState 或 pagehide，但这些事件在父页直接关闭标签页时**不一定触发**，尤其 Chrome 88+ 对后台页做了激进冻结。别把关键逻辑押在这上面。真正能兜底的只有 beforeunload（父页） + postMessage（跨域）组合。
