父页面函数必须挂到window上才能被iframe子页访问，根本原因是作用域限制；需显式赋值window.submitForm=fn，调用前判断typeof parent.submitForm==='function'，并确保sandbox含allow-same-origin，关闭弹窗应先parent.layer.close再调父方法。
父页面函数必须挂到 window 上才能被 iframe 子页访问
子页面里写 parent.submitform() 报 submitform is not a function，根本原因不是调用方式错，而是父页面函数压根没暴露到全局作用域。layui 的 layui.use(['form'], function() { ... }) 回调内部定义的变量和函数，作用域仅限于该回调，子 iframe 无法穿透访问。
✅ 正确做法：在父页面任意位置（最好在 layui.use 外，或回调末尾显式赋值）挂到 window：
window.submitForm = function(data) {
// 处理逻辑
};
❌ 错误写法：
layui.use(['form'], function() {
var submitForm = function() {}; // 局部变量，子页看不到
});
⚠️ 如果父页面用了模块化（如 ES6 export 或 Vue/React 状态管理），也得手动挂载，不能指望子页自动拿到内部变量。
parent.xxx() 调用前必须做存在性判断
子页面 JS 执行时机早于父页面函数就绪是常见问题。哪怕父页面已加载，parent.submitForm 在子页脚本执行时仍可能是 undefined，直接调就报错。
✅ 推荐写法（加判断）：
if (typeof parent.submitForm === 'function') {
parent.submitForm(data);
}
✅ 更稳妥的做法是监听 load 或用 setTimeout 延迟调用（尤其在 AJAX 成功回调外触发）
⚠️ 不要用 $(document).ready() 替代——子页面 DOM 就绪 ≠ 父页面函数已就绪
? 检查是否挂成功：打开父页面控制台，输入 window.submitForm 看是否返回函数；再在子页面控制台输入 parent.submitForm，确认能取到——这一步跳过，后面全白搭。
同域下也要防 sandbox 隔离导致 parent 访问失败
Layui 2.8+ 默认给 iframe 加了 sandbox="allow-scripts"，但没加 allow-same-origin，浏览器会按跨域策略限制 parent 访问，即使协议、域名、端口完全一致。
✅ 解决方案：在 layer.open 中手动覆盖 sandbox 属性：
layer.open({
type: 2,
content: 'child.html',
area: ['600px', '400px'],
success: function(layero) {
var iframe = layero.find('iframe')[0];
iframe.setAttribute('sandbox', 'allow-scripts allow-same-origin');
}
});
⚠️ 注意：allow-same-origin 必须和 allow-scripts 同时存在，否则无效；若子页面地址含外链或跨域资源，慎用此配置。
? 替代方案：改用 postMessage，不依赖 sandbox 设置，天然兼容跨域场景。
子页面调用父页面方法后关闭弹窗的顺序不能错
子页面提交成功后常需两步：关闭自身 + 触发父页面刷新。这两步顺序错了就会出问题。
✅ 正确顺序（先 close，再调用）：
var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); // 先关 parent.submitForm(data); // 再调父方法
⚠️ 反过来写（先调父方法再 close）容易失败：layer 关闭动画未结束，父页面 DOM 可能已销毁，导致回调执行时报 Cannot read property 'xxx' of null
⚠️ 避免整页刷新：location.reload() 会丢失当前状态；应优先走父页面提供的局部刷新函数（如 parent.refreshTable）
真正卡住的地方往往不是语法，而是函数没挂到 window、调用时机太早、或 sandbox 没开对——这些点漏一个，parent.xxx() 就永远是 undefined。
