layui iframe弹窗调用父页js函数失败主因是函数未挂载到window全局作用域，须确保父页函数显式赋值给window且调用前判空，子页需先回调再关闭弹窗。
在Layui iframe弹窗中调用父页面JS函数失败，90%的情况是父页函数没挂到全局作用域，子页直接写parent.xxx()报xxx is not a function；必须确保函数可被iframe通过window对象访问，且调用时机不早于父页脚本加载完成。
父页面暴露函数：必须挂到window上
第一步：打开浏览器开发者工具，在父页面控制台输入window.submitForm，如果返回undefined，说明函数未暴露成功，后续所有调用都会失败。
第二步：在父页面任意位置（不在layui.use回调内部）声明函数，并显式赋值给window对象：window.submitForm = function(data) { console.log('接收到子页数据:', data); table.reload('dataList'); };
第三步：若函数依赖Layui模块（如table），需确保模块已初始化或在函数内部做安全调用：window.refreshTable = function(params) { if (layui.table) { layui.table.reload('dataList', params); } };
⚠️ 错误写法示例：layui.use(['table'], function() { var submitForm = function(){}; }); —— 这种局部变量子页完全不可见，【必须脱离layui.use作用域或手动挂到window】。
子页面安全调用：先判空再执行
方法一：基础调用（推荐）
在子页面JS中，使用if (typeof parent.submitForm === 'function')判断后再调用，避免Cannot read property 'xxx' of undefined错误。
方法二：带延迟的容错调用
若子页面JS执行极快（比如在$(document).ready里就触发），而父页函数尚未定义，可用setTimeout稍作等待：setTimeout(() => { if (typeof parent.submitForm === 'function') { parent.submitForm({id: 1}); } }, 100);
方法三：监听父页加载完成事件（仅限同源）
子页面中监听window.parent的load事件，但注意这不代表父页JS已执行完毕，仍需配合判空——【不要依赖$(document).ready()来判断父页函数就绪】。
关闭弹窗并回传数据：顺序不能错
第一步：获取当前iframe在layer中的索引号var index = parent.layer.getFrameIndex(window.name);
第二步：先调用父页回调函数并传参if (typeof parent.parentCallback === 'function') { parent.parentCallback({status: 'success', data: formData}); }
第三步：立即关闭弹窗parent.layer.close(index);
⚠️ 关键点：必须先执行回调，再close。如果反过来，弹窗关闭动画启动后父页DOM可能已部分销毁，导致回调内操作（如$('#form').val()）报Cannot read property 'val' of null。
父页面预设回调函数：在open时挂载
在父页面调用layer.open时，利用success回调把回调函数挂到window上：layer.open({ type: 2, content: '/edit.html', success: function(layero, index) { window.parentCallback = function(data) { console.log('子页传回:', data); }; } });
这比在父页全局作用域提前定义更可控，尤其适合一个父页打开多个不同iframe场景，避免函数名冲突。
子页面中直接调用parent.parentCallback(...)即可，无需关心函数定义位置。
