子 iframe 唤醒父页面 layer 提示层需父页将 layer 挂到 window，子页校验后调用；跨域时必须用 postMessage 通信。
在子 iframe 中唤醒父页面的消息提示层（如 layer.msg、layer.alert 等），核心是确保父页面的 layer 实例和方法能被 iframe 正确访问，且调用时机安全、作用域正确。这不是“自动继承”，必须显式暴露并合理调用。
父页面必须把 layer 挂到全局 window 上
layui 的 layer 对象默认只在 layui.use(['layer'], callback) 回调内可用。如果父页面没把它挂到 window，子 iframe 就读不到：
- ✅ 正确写法（放在
layui.use外，或回调末尾）：window.layer = layui.layer; - ❌ 错误写法（仅在回调内声明）：
layui.use(['layer'], function() { var layer = layui.layer; }); // 子页看不到 - ⚠️ Vue/React 项目同理：框架通常隔离作用域，必须手动赋值，例如：
window.layer = window.layui?.layer || null;
子页面调用前先校验 layer 是否就绪
iframe 加载快，父页面 JS 可能还没执行完，直接 parent.layer.msg() 容易报错或静默失败：
- 加存在性判断：
if (typeof parent.layer?.msg === 'function') { parent.layer.msg('操作成功'); } - 更稳妥：用
postMessage由父页主动通知“layer 已就绪”，子页监听后再调用；
或延迟一小段（如setTimeout(() => { ... }, 100)），尤其在表单提交后触发时。
推荐使用封装好的全局提示函数（更可控）
比直接调 parent.layer.msg 更稳定的方式，是在父页面定义一个带默认参数的提示函数，并挂到 window：
- 父页示例：
window.showMsg = function(content, options = {}) {<br> parent.layer.msg(content, Object.assign({ time: 2000, icon: 1 }, options));<br>}; - 子页调用：
if (typeof parent.showMsg === 'function') { parent.showMsg('保存完成', { icon: 1 }); } - 优势：可统一配置样式、避免重复写
Object.assign、便于后期替换为Notification或其他 UI 库。
跨域场景必须用 postMessage
若子 iframe 与父页协议/域名/端口不同（如 http://a.com 打开 https://b.com/form.html），浏览器会拦截所有 parent.xxx 访问，此时：
- 子页发消息：
parent.postMessage({ type: 'SHOW_MSG', content: '操作成功', icon: 1 }, 'https://a.com'); - 父页监听（务必写在最外层 HTML，不能嵌在 tab 或子模块里）：
window.addEventListener('message', e => {<br> if (e.origin !== 'https://b.com') return;<br> if (e.data.type === 'SHOW_MSG') {<br> layer.msg(e.data.content, { icon: e.data.icon || 1 });<br> }<br>});
