最稳方式是父页在layer.open的content中拼接带encodeURIComponent编码的URL参数，子页用new URL(location.href).searchParams.get()读取；跨域时URL参数仍可读，但父子通信须改用postMessage。
要在Layui layer弹窗中给iframe子页面传递URL查询参数，必须在layer.open的content配置里拼接带参数的URL，并对每个参数值单独编码，否则中文、空格或特殊符号会导致子页取不到值。
父页面拼接带参URL并打开弹窗
第一步：调用layer.open，设置type: 2，并将content设为数组形式，首项是带查询参数的URL字符串，第二项可选'auto'或'no'控制滚动条：
layer.open({ type: 2, content: ['/edit.html?id=' + encodeURIComponent(123) + '&name=' + encodeURIComponent('张三'), 'auto'] });
第二步：确保每个参数值都用encodeURIComponent()包裹——【不编码会导致子页searchParams.get()返回null或乱码】。例如title含“用户/角色管理”，不编码会使&被误认为参数分隔符，后续参数全部失效。
第三步：避免对整个URL调用encodeURI()，它不编码&和=，参数会断裂；也别用模板字符串直接拼变量，如`/edit.html?id=${id}&name=${name}`，未编码时极大概率翻车。
子页面安全读取URL参数
子页面加载后，直接使用原生API解析location.href：
const id = new URL(location.href).searchParams.get('id');
const name = new URL(location.href).searchParams.get('name');
这行代码兼容所有现代浏览器，自动解码中文、空格、+号等，无需正则、不依赖layui模块，也不怕DOM未就绪。别用location.search.substring(1).split('&')手动解析——容易漏掉编码、错判分隔符、对空值无防护。
注意：如果子页面是跨域的（如主站http://a.com，子页https://b.com），location.search仍可读取，但禁止访问window.parent；此时URL参数可用，但父子通信必须换postMessage。
常见错误排查方法
方法一：检查浏览器地址栏实际加载的iframe src
打开开发者工具→Elements→找到class为layui-layer-content的div→展开其内部iframe标签→看src属性是否完整包含?id=xxx&name=xxx，且中文已转为%XX格式。若没转义，说明父页拼接时漏了encodeURIComponent。
方法二：在子页面控制台手动执行new URL(location.href).searchParams.toString()
若返回空字符串，说明URL里根本没查询参数；若返回id=123&name=%E5%BC%A0%E4%B8%89，说明编码成功，get('name')应得“张三”。
方法三：确认子页面没有重复加载router模块
layui.router()在iframe中未初始化，调用会报Cannot read property 'router' of undefined。只要不用它，纯靠new URL就没问题。
