Layui layer弹窗内iframe页面发生未捕获JS错误时，父页需通过contentWindow监听error事件并配合postMessage跨域上报，辅以超时兜底和message监听实现错误感知与自动关闭。
当Layui layer弹窗内iframe页面发生未捕获的JavaScript错误（如ReferenceError、TypeError），父页面默认完全感知不到，用户只看到白屏或卡死，排查时连控制台都找不到源头。
在父页面监听iframe内的全局错误
第一步：确保layer.open配置中content为字符串URL（非DOM节点或函数），且type: 2；否则iframe DOM无法稳定获取。
第二步：在success回调中，先用layero.children('iframe')获取iframe元素（避免v2.8+版本中find('iframe')返回空）。
第三步：调用iframe.contentWindow.addEventListener('error', ...)监听未捕获错误——【必须用contentWindow，不能用iframe.contentDocument】，因为后者跨域时为空且不可读。
第四步：设置超时兜底，防止iframe加载成功但内部JS从未执行（比如语法错误阻塞执行）；1500ms后若未触发error或load，则主动报错关闭弹窗。
在iframe子页面主动上报错误
方法一：在iframe页面顶部立即注入错误捕获逻辑
在子页面
中加入：<script>window.onerror = function(msg, url, line, col, error) { window.parent.postMessage({ type: '<a style="color:#f60; text-decoration:underline;" title= "js"href="https://m.php.cn/zt/15802.html" target="_blank">js-error', msg, url, line, col, stack: error?.stack }, '*'); return true; };</script>
方法二：监听unhandledrejection（捕获Promise拒绝）
同一页面继续加：
<script>window.addEventListener('unhandledrejection', e => { window.parent.postMessage({ type: 'promise-reject', reason: e.reason?.toString() }, '*'); });</script>
在父页面接收并处理错误消息
在调用layer.open前，全局监听message事件：
let iframeErrorTimer = null;
window.addEventListener('message', function(e) { if (e.data.type === 'js-error' || e.data.type === 'promise-reject') { const index = parent.layer.getFrameIndex(window.name); if (index > 0) { layer.msg('页面运行异常：' + (e.data.msg || e.data.reason || '未知错误'), { icon: 2 }); layer.close(index); } clearTimeout(iframeErrorTimer); } });
注意：postMessage中的'*'在生产环境应替换为具体源地址，但调试阶段保留可确保消息通达；【若不加clearTimeout，多个弹窗可能共用一个定时器导致误关】
