Layui iframe弹窗需父子页协同实现关闭与数据回传：父页须提前注册window.onmessage监听，子页用parent.layer.close()关闭并postMessage传参，或仅发closeRequest由父页校验后关闭。
在Layui弹窗中使用iframe加载子页面时，需要子页面关闭自身后主动通知父页面完成数据回传，否则父页无法感知iframe关闭动作或获取子页提交的数据。
确认父页面已监听postMessage事件
在调用layer.open()打开iframe弹窗前，父页面必须提前注册window.onmessage监听器，否则子页发送的消息会被直接丢弃。
在父页面的<script>中插入以下代码，注意需在layer.open()执行前就位：</script>
window.addEventListener('message', function(e) { if (e.source !== window.parent) return; console.log('收到子页消息：', e.data); });
这一步不可省略，【若监听未注册，子页调用postMessage后父页完全收不到任何响应】。
子页面触发关闭并发送消息
方法一：使用layer.close()配合parent.postMessage
在iframe子页面中，当用户点击“确定”或完成操作后，先调用parent.layer.close(layer.getFrameIndex(window.name))关闭当前弹窗，再立即发送消息。
注意：必须用parent.layer.close()而非window.close()，后者在iframe中无效且会报错；layer.getFrameIndex(window.name)能准确获取当前iframe对应的弹窗索引。
const index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); parent.postMessage({ action: 'submit', data: { id: 123, name: '张三' } }, '*');
方法二：仅用postMessage不主动关闭（由父页统一控制）
子页只发消息，不执行关闭逻辑，把关闭权交给父页处理，适合需要校验返回数据后再决定是否关闭的场景。
parent.postMessage({ action: 'closeRequest', data: { valid: true, payload: { status: 'success' } } }, '*');
此时父页监听到该消息后，自行调用layer.close(对应index)并处理data内容。
父页面接收消息后安全校验并关闭弹窗
第一步：解析来源与协议
检查e.origin是否为可信域名，避免恶意页面伪造消息。若子页与父页同域，可直接比对e.source === window；跨域则必须验证e.origin。
第二步：提取弹窗索引
从e.data中读取预先约定的index字段，或通过e.source.windowName反查（不推荐），更稳妥的做法是在打开弹窗时将index存入闭包或全局Map中，以e.source为key缓存。
第三步：执行关闭与后续逻辑
调用layer.close(index)关闭对应弹窗，然后根据e.data中的业务字段更新表单、刷新表格或提示成功。
if (e.origin !== 'https://your-domain.com') return; const index = cachedIndexMap.get(e.source); if (index) { layer.close(index); $('#result').text(e.data.message || '操作完成'); }
