parent.layer.load()失效是因为父页未全局暴露layer实例或跨域限制；解决方式包括父页显式挂载、非模块化引入、预存实例，并需加存在性判断和错误兜底，跨域时可用postMessage通信替代。
为什么直接在 parent.window 里用 layer.load() 会失效
因为 layui 的 layer.load() 默认只作用于当前 iframe 或 window，如果弹出层（比如 layer.open() 打开的 iframe）和父页跨域，或父页未正确暴露 layer 实例，parent.layer.load() 就会报 typeerror: cannot read property 'load' of undefined。更常见的是：父页确实引入了 layui，但没全局暴露 window.layer（比如用了模块化加载、或 layui.use 包裹后未挂载），导致子 iframe 拿不到。
确保父页 layer 可被 iframe 访问的 3 种方式
核心是让子页面能安全调用 parent.layer.load()。优先级从高到低：
- 父页初始化时显式挂载：
layui.use(['layer'], function(){ window.parentLayer = layer; });，子页用parent.parentLayer.load() - 父页在
<script></script>中直接引入 Layui 并不包裹layui.use，保证parent.layer全局可读（适用于非模块化项目） - 若父页必须模块化，可在打开弹层前，在父页中预存 layer 实例：
let globalLayer; layui.use(['layer'], function(){ globalLayer = layer; });，再通过parent.globalLayer.load()调用
子页中安全调用父窗口遮罩的写法
不能裸写 parent.layer.load()，要加存在性判断和错误兜底：
- 先检测
parent.layer是否可用：if (parent && parent.layer && typeof parent.layer.load === 'function') { - 调用时传入明确参数，避免默认样式干扰：
const loadIndex = parent.layer.load(2, { shade: [0.3, '#000'], time: 0 });（time: 0表示不自动关闭） - 后续操作完成后再手动关闭：
parent.layer.close(loadIndex);
，注意这个loadIndex必须保存在变量里，不能丢弃 - 如果父页未加载 Layui， fallback 到自定义 DOM 遮罩（如插入
<div id="parent-loading"></div>并控制 visibility）
父子通信失败时的最小化替代方案
当跨域或权限限制彻底阻断 parent.layer 访问时，别硬扛，换轻量方案：
- 父页监听子页 postMessage：
window.addEventListener('message', e => { if (e.data === 'showParentLoading') parent.layer.load(2); }); - 子页触发：
parent.postMessage('showParentLoading', '*');（生产环境应替换'*'为父页 origin） - 遮罩关闭也走同机制：
parent.postMessage('closeParentLoading', '*');，父页监听并调用layer.closeAll('loading') - 该方式绕过直接 DOM/对象访问，兼容性更好，但需父子双方配合实现
真正难的不是写几行代码，而是确认父页的 Layui 加载时机和作用域是否允许子页触达——很多问题卡在这一步，而不是 layer API 本身。
