parent.xxx() 报“is not a function”主因是函数未挂载到window对象、调用时机过早或跨域限制；需显式赋值window.submitForm、加typeof判断、用postMessage替代parent跨域通信。
parent.xxx() 报 is not a function？函数没挂到 window 上
子页面写 parent.submitForm() 却报错，90% 是因为父页面的函数定义在 layui.use 回调里，成了局部变量。iframe 子页只能通过 window 对象访问父页内容，闭包里的 var submitForm = function(){} 根本不可见。
✅ 正确做法：把函数显式挂到 window 上，位置不限，但推荐放在 layui.use 外或回调末尾：
window.submitForm = function(data) {
console.log('收到数据:', data);
// 刷新表格、更新表单等
};❌ 错误写法（子页永远调不到）：
layui.use(['form'], function() {
var submitForm = function() {}; // 局部变量，不暴露
});⚠️ Vue/React 项目同理：状态默认不挂 window，必须手动赋值，比如 window.appData = window.__APP_DATA__;
子页面一加载就调 parent.xxx？时机太早，parent.xxx 还是 undefined
iframe 加载快，父页面 JS 执行慢，尤其当父页要等 DOM 就绪或 AJAX 返回后才设置函数时，子页顶层脚本直接读 parent.submitForm 很可能得到 undefined。
✅ 推荐加存在性判断，避免运行时报错：
if (typeof parent.submitForm === 'function') {
parent.submitForm({ id: 123, name: '张三' });
}✅ 更稳妥的做法：用 setTimeout 延迟一小会，或监听 message 事件，由父页主动通知子页“我准备好了”：
- 父页在
layer.open的success回调中发消息：iframe.contentWindow.postMessage({ type: 'READY' }, '*'); - 子页监听：
window.addEventListener('message', e => { if (e.data.type === 'READY') { /* 开始调用 */ } });
⚠️ 不要用 $(document).ready() 替代——它只管子页 DOM，不保证父页函数已就绪。
怎么安全关闭弹窗并传参？别先 close 后调用
子页面提交成功后，常需关闭弹窗 + 触发父页逻辑。顺序错了就会出问题：如果先执行 parent.layer.close(index)，弹窗 DOM 开始销毁，再调 parent.submitForm() 可能因父页上下文失效而报错。
✅ 正确顺序：先调父页函数，再关弹窗：
var index = parent.layer.getFrameIndex(window.name);
parent.submitForm({ status: 'success', data: result });
parent.layer.close(index);✅ index 必须准确获取：parent.layer.getFrameIndex(window.name) 是最可靠方式（Layui 2.8+ 支持），比从 URL 解析或硬编码更稳。
⚠️ 如果父页没定义 submitForm，又没做类型判断，这行调用直接中断后续逻辑。所以 typeof parent.submitForm === 'function' 这步不能省。
跨域了还能用 parent 吗？完全不行，必须换 postMessage
只要协议、域名、端口任一不同（比如父页是 http://localhost:8080，iframe src 是 http://localhost:3000），浏览器就会拦截所有 parent.xxx 访问，并抛出 Blocked a frame with origin ... from accessing a cross-origin frame。
这时候 window.parent、parent.layer、top 全都无效，任何尝试都会静默失败或报错。
✅ 唯一可行方案是 postMessage：
- 子页发：
parent.postMessage({ type: 'SUBMIT', data: { id: 1 } }, 'http://localhost:8080'); - 父页监听（必须指定 origin，不用
*）：window.addEventListener('message', e => { if (e.origin !== 'http://localhost:3000') return; /* 处理 e.data */ });
⚠️ 生产环境禁用 *，origin 必须精确匹配，否则消息被丢弃或触发安全警告。
真正卡住的地方往往不是语法，而是函数没挂 window、调用时机太早、或跨域时还执着于 parent。先打开父页控制台敲 window.submitForm 看能不能出来，再进子页敲 parent.submitForm —— 这两步跳过，后面全白搭。
