layui弹层是iframe嵌入父页DOM，子窗口传值回父页须用parent.xxx赋值或parent.callbackFn调用，禁用window.opener；传参推荐open时通过success回调注入或URL参数，跨域需postMessage并校验origin。
layui.open 打开的子窗口怎么把值传回父页面
必须用 layui.layer.open 的 success 回调或子页面主动调用 parent.layui.layer.getchildframe，不能靠 window.opener —— layui 弹层不是新 tab 或独立窗口，而是 iframe 嵌入在父页 dom 里的。
常见错误现象：window.opener 为 null，parent.document 拿不到子 iframe 内容，点确定后父页变量没更新。
- 子页面中通过
parent.xxx = 'value'直接赋值是可行的，但仅限简单类型（字符串、数字），且父页需提前声明变量（如var selectedId） - 更稳妥的做法是子页调用
parent.layui.layer.close(parent.layer.getFrameIndex(window.name))关闭自身，再执行parent.callbackFn(data)，前提是父页 open 时已定义好callbackFn - 注意子页面的 JS 执行时机：DOM 加载完再操作
parent，否则可能报parent is undefined
父页面怎么给 layui 弹层 iframe 传初始参数
不能靠 URL query string 硬塞（易编码/长度问题），也不能靠全局变量污染（多弹层时冲突）。正确方式是 open 时用 content 配置项传入函数返回的 DOM 节点，或用 area + content: ['xxx.html', 'auto'] 后，在子页用 layui.jquery('body').data('param') 接收。
使用场景：编辑用户信息弹层需要带 userId，新增表单项弹层要指定所属分类 ID。
- 推荐写法：父页 open 时加
success: function(layero, index) { var iframe = parent.layui.layer.getChildFrame('body', index); iframe.find('input[name="id"]').val(initData.id); } - 如果子页是独立 HTML 文件，可在父页 open 的
content中拼 URL：['edit.html?id=' + id, 'auto']，子页用new URL(location.href).searchParams.get('id')读取 - 避免把整个对象 JSON.stringify 后塞进 URL，IE 不支持长链接，移动端 WebView 也可能截断
父子页面通信时报 “Permission denied” 错误
本质是跨域：子页面域名、协议、端口与父页不一致。layui 自身不解决跨域，浏览器直接拦截 parent.xxx 访问。
性能 / 兼容性影响：用 postMessage 是唯一通用解法，但 IE8–9 不支持，需降级为轮询或 URL hash 监听（不推荐）。
- 父页监听：
window.addEventListener('message', function(e) { if (e.source === childWin && e.origin === 'https://xxx.com') { console.log(e.data); } }); - 子页发送：
parent.postMessage({type: 'save_success', data: row}, 'https://parent-domain.com'); - 务必校验
e.origin，否则 XSS 风险；不要用'*'通配 - layui 弹层 iframe 的
window对象即子页全局对象，parent就是父页 window，无需额外获取
layer.close 后父页拿不到最新数据？
不是 close 本身的问题，而是你把数据赋值写在了子页的 click 事件里，但没考虑 layer 关闭的异步性 —— layer.close(index) 是立即触发关闭动画，DOM 移除有延迟，此时子页 JS 可能已被销毁。
容易踩的坑：在子页按钮里写 parent.selectedItem = data; layer.close();，结果父页有时拿到 undefined。
- 正确顺序：先存值，再调用
layer.close()，且确保这行 JS 在关闭前执行完毕（可加console.log验证） - 更稳方案：不用
layer.close()，改用parent.layer.close(parent.layer.getFrameIndex(window.name))，由父页统一控制关闭流程 - 调试技巧：在子页关前打日志
console.log('will close, data=', data);，再在父页 callback 里打日志，对比是否执行到
iframe 通信的边界很薄，一不留神就掉进“我以为它还活着”的陷阱里。最保险的永远是父页主导流程，子页只负责发信号和传数据，别自己关自己。
