必须用parent.layer.close(index)关闭iframe子页自身，前提是父页layer.open({type:2,content:'xxx.html'})、子页dom加载完成后再执行parent.layer.getframeindex(window.name)获取有效索引。
iframe 子页里调 parent.layer.close() 关自身
只有父页用 layer.open({ type: 2, content: 'xxx.html' }) 打开的 iframe 层，子页才能通过 parent.layer.close() 安全关闭。这要求三件事同时成立：
• 父页配置中 type 必须是 2（不是 1 或省略）
• 子页 JS 必须在 DOM 加载完成后执行，否则 window.name 可能为空
• 必须先用 parent.layer.getFrameIndex(window.name) 拿索引，再传给 parent.layer.close()
典型写法：
document.getElementById('closeBtn').onclick = function() {
var index = parent.layer.getFrameIndex(window.name);
if (index > -1) {
parent.layer.close(index);
}
};
getFrameIndex() 返回 -1 就说明父页没走 type: 2 流程，或子页加载太快、window.name 还没被 layer 注入。
不依赖 Layui 时：直接操作父页 DOM 移除 iframe 元素
如果 iframe 是普通 HTML 写死的（比如 <iframe id="myIframe" src="form.html"></iframe>），子页不能调用 layer，但可以定位父页中的该元素并移除：
• 父页 iframe 标签必须有 id（如 myIframe）
• 子页用 parent.document.getElementById('myIframe') 获取元素
• 调 .remove() 或设 .style.display = 'none'
示例：
document.getElementById('closeBtn').onclick = function() {
var iframeEl = parent.document.getElementById('myIframe');
if (iframeEl) {
iframeEl.remove(); // 或 iframeEl.style.display = 'none';
}
};
注意：跨域 iframe 会触发 SecurityError，此时此方法失效，只能由父页暴露接口或改用 postMessage 协作。
iframe 子页里调 parent.layer.closeAll() 清空整组弹窗
当当前 iframe 弹窗内又打开了其他 layer 弹层（比如点按钮又 layer.alert() 了一个提示），只关自己不够，得清空全部——这时唯一可靠方案是 parent.layer.closeAll()。
• 它不依赖单个 index，直接清空 layer 全局索引池
• 不加参数会关掉所有 layer 类型（dialog、iframe、loading 等），生产环境慎用
• 推荐加类型限定，比如 parent.layer.closeAll('iframe') 只关 iframe 层
常见错误：
• 漏写 parent.，导致子页自己的 layer 实例去关，什么也不发生
• 在 Vue/React 子页里手动改了 window.name，虽不影响 closeAll()，但会破坏 getFrameIndex() 的后续使用
为什么不能用 window.close() 或 location.reload()
window.close() 在非脚本打开的页面（即用户手动输入 URL 或点击链接进入）中会被浏览器禁用，多数现代浏览器直接忽略；location.reload() 只刷新子页自身，对父页 iframe 容器毫无影响。
• window.close() 仅对 window.open() 打开的页面有效
• history.back() 或 history.go(-1) 在 iframe 里只退子页历史，不关容器
• 刷新父页需额外调用 parent.location.reload()，且要确认父页允许跨域访问
真正需要“关 iframe”时，本质是让父页移除或隐藏那个 DOM 节点，或者通知父页的 UI 控制层（如 layer）销毁对应实例——绕开这个逻辑，所有“关”的尝试都会失效。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
