父页需将函数挂到window上供子页调用，子页调用前须判空；跨iframe操作应使用layer.getChildFrame；postMessage需指定准确origin并监听在顶层窗口；子页关闭应先回调再close且校验index有效性。
子页面调用 parent.xxx() 报 undefined 怎么办
不是子页写错了，是父页根本没把函数挂到全局可访问位置。layui 的 layui.use(['admin'], callback) 里定义的变量和函数，作用域仅限于该回调内，子 iframe 拿不到。必须显式挂到 window 上。
- 父页正确暴露方式：
window.parentCallback = function(data) { console.log(data); };（别包在layui.use里，或在layui.use内部手动赋值给window） - 子页调用前先判空：
if (typeof parent.parentCallback === 'function') { parent.parentCallback('ok'); } - 常见错误：父页写了
var parentCallback = ...或const parentCallback = ...—— 这种局部声明，子页永远访问不到 - 如果父页是 LayuiAdmin v2.x，
layui.admin实例默认不跨 iframe 共享，不能直接parent.layui.admin.events.emit
layer.open 打开 iframe 后怎么把数据塞进子页 DOM
别等子页自己去 location.search 解析，也别在 success 里用 iframe.contentWindow 直接操作——它可能还没加载完，容易报错。
- 用
layer.getChildFrame(selector, index)最稳：var body = layer.getChildFrame('body', index); body.find('#username').val('张三'); - 确保 selector 能命中子页真实结构，比如子页用了
<div id="app">...</div>，就该写layer.getChildFrame('#app', index) - 如果子页依赖 Vue/React，DOM 注入后还得触发其更新机制（如
iframeWin.app.$forceUpdate()），否则值写进去了但界面不刷新 - 避免用
$(iframe).contents().find(...)，jQuery 版本不一致或子页未 ready 时会静默失败
跨 iframe 传复杂对象或事件，为什么 postMessage 总收不到
不是语法错，是校验太严或监听时机不对。Layui 环境下 iframe 常被多层包裹（比如 tab 页 + layer 弹窗嵌套），window.parent 可能不是你想要的那个父级。
- 发消息必须带完整 origin：
iframe.contentWindow.postMessage({type: 'save-success', data: res}, 'http://localhost:8080')；写成'*'或省略会触发Invalid target origin - 父页监听要写在顶层窗口（比如 LayuiAdmin 的 layout.html），而不是某个中间 tab 页里：
window.addEventListener('message', e => { if (e.origin !== 'http://localhost:8080') return; ... }) - 子页发消息前，确认
parent !== top：如果是 tab 页里的 iframe，parent是 tab 容器，top才是 layout 主框架，该用top.postMessage - 不要依赖
localStorage传实时状态——它只在同域下触发storage事件，且无法传递函数、DOM 节点等非序列化值
子页关闭时如何把结果传回并刷新父页表格
别在子页里直接 parent.location.reload()，粗暴且不可控；也别只调用父页函数却不关掉当前层——用户会卡在半透明遮罩里。
- 标准流程两步走：
var index = parent.layer.getFrameIndex(window.name);获取索引，再parent.layer.close(index); - 传值和关闭必须原子化：先调父页回调（如
parent.onSaveSuccess && parent.onSaveSuccess(data)），再 close；否则父页可能收不到最后一条数据 - 如果父页是 table 渲染页，回调里别直接
table.reload()，应先table.cache['id']更新缓存，再table.render()局部刷新，避免闪屏 - 注意 layer index 生命周期：子页刷新后
window.name不变，但getFrameIndex可能返回 -1，建议 close 前加一层if (index > 0)判定
最常被忽略的一点：父子通信不是“写完就能跑”，而是要对齐执行时序和上下文层级。尤其是 LayuiAdmin 多层 iframe 嵌套时，parent、top、opener 指向谁，得用 console.log(parent === top, parent === opener) 实时验证，不能靠猜。
