iframe子页面可通过window.parent访问父页面全局变量（需挂载到window），但须确保同源、变量已初始化且存在性校验；跨域时必须使用postMessage通信。
iframe子页面直接访问window.parent就能拿到父页面上下文
只要父页面（layui弹出层所在页）声明的变量是挂载在window上的全局变量（比如window.userid = 123），子页面通过window.parent即可访问。注意不是parent或top——前者在某些嵌套场景下可能被重定义，后者跨域时会直接报错。
常见错误现象：Cannot read property 'xxx' of undefined，多数是因为父页面变量没挂到window上，或者子页面执行时机早于父页面变量初始化完成。
- 确保父页面变量显式赋值给
window，例如：window.currentUser = {id: 1, name: 'admin'};，而不是仅用let currentUser = {...} - 子页面中建议加一层存在性判断，避免运行时报错：
if (window.parent && window.parent.currentUser) { console.log(window.parent.currentUser.id); } - 若父页面用模块化（如ES6 import）或框架（Vue/React）管理状态，变量默认不暴露到
window，必须手动挂载
Layui layer.open 打开 iframe 时父页面变量已就绪但子页面仍读不到？检查加载时机
Layui 的 iframe 层默认是异步加载 HTML，子页面的<script></script>执行时，父页面 JS 可能尚未执行完，尤其当父页面逻辑依赖 DOM 或 AJAX 初始化时。
使用场景：父页面从接口拉取用户信息后才设置window.userToken，而子页面一加载就试图读取，结果为undefined。
- 子页面不要在
<script></script>顶层直接读取，改用DOMContentLoaded或setTimeout延后检查 - 更稳妥的做法是父页面在
layer.open回调里主动通知子页面，例如：layer.open({ type: 2, content: 'child.html', success: function(layero) { var iframe = layero.find('iframe')[0].contentWindow; // 确保 iframe 加载完成 iframe.onload = function() { iframe.postMessage({type: 'PARENT_DATA', data: window.currentUser}, '*'); }; } }); - 子页面监听
message事件接收数据，比轮询window.parent更可靠、解耦更好
跨域 iframe 下window.parent完全不可用，必须换方案
如果子页面域名和父页面不一致（哪怕只是端口不同），浏览器会拦截对window.parent属性的访问，抛出Blocked a frame with origin ... from accessing a cross-origin frame错误，此时任何直接读取都无效。
性能与兼容性影响：postMessage 是唯一通用、安全、现代浏览器全支持的跨域通信方式，IE8+ 支持，无需 polyfill。
- 父页面发送消息前务必确认
iframe.contentWindow存在且已加载 - 子页面用
window.addEventListener('message', handler)监听，且必须校验event.origin防止恶意站点伪造消息 - 不要依赖
postMessage的同步性——它是异步的，后续逻辑需放在回调里
为什么不能用layui.setter或layui.data传参？它们不跨 iframe 生效
layui.setter是 Layui 内部配置对象，只在当前 JS 执行环境有效；layui.data操作的是本地 localStorage，虽然能跨页但无法实时响应、不保证数据一致性，且父子页面若未约定 key 名极易冲突。
容易踩的坑：有人把变量存进layui.data('auth', {key: 'token', value: 'abc'})，以为子页面也能读到，结果发现子页面读出来是null——因为 iframe 子页面加载的是全新 JS 上下文，Layui 实例是独立的，layui.data底层用的仍是当前窗口的localStorage，但 key 值可能被不同实例覆盖或忽略作用域。
真正需要共享状态又不想手动 postMessage 的话，可考虑统一写入sessionStorage（同源下 iframe 共享），但要注意时效性和清理时机。
