layer.open 的 content 直接写 URL 会当纯文本渲染，因默认不自动加载；需设 type: 2 才以 iframe 加载远程 HTML，但受同源限制；跨域时须服务端代理或改用 type: 1 + AJAX 手动加载并注意 DOM 操作时机。
layer.open 的 content 直接写 URL 会当纯文本渲染
很多人把 content: '/page/dialog.html' 这样传进去，结果弹窗里显示的是一堆 html 源码，不是渲染后的页面。因为 layer.open 默认不自动发起 ajax 加载，更不会解析 html 字符串——它只把字符串原样塞进弹窗 body。
真正能触发加载的，是 type 配置和 content 的类型组合：
-
type: 2（iframe 模式）时，content必须是字符串 URL，layer 会自动创建<iframe>加载 -
type: 1（默认 div 模式）时，content只接受 DOM 元素、jQuery 对象或 HTML 字符串，不支持远程 URL -
type: 2是最省事的外部 HTML 加载方式，但 iframe 有跨域限制、样式隔离、通信成本等问题
用 type: 2 加载外部 HTML 最简单但要注意跨域
只要后端接口同源（协议 + 域名 + 端口完全一致），直接写 URL 就行：
layer.open({
type: 2,
content: '/dialog/user-edit.html',
area: ['600px', '400px']
});
如果跨域，浏览器会直接拦截 iframe 加载，控制台报 Blocked a frame with origin ... from accessing a cross-origin frame。此时不能靠 layer 解决，得换方案：
- 后端加
Access-Control-Allow-Origin不起作用——iframe 跨域是浏览器策略，不是 CORS 能绕过的 - 必须走服务端代理，或改用
type: 1+ 手动 AJAX 加载 - 注意：即使同源，某些内嵌脚本（比如
<script src="..."></script>）在 iframe 里可能因X-Content-Type-Options: nosniff失效
用 type: 1 + $.get 手动加载 HTML 内容
适合需要控制加载逻辑、处理错误、注入数据、或避免 iframe 隔离的场景。关键点是等 AJAX 成功后再调 layer：
立即学习“前端免费学习笔记（深入）”；
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
$.get('/dialog/user-edit.html').done(function(html) {
layer.open({
type: 1,
content: html,
area: ['600px', '400px'],
success: function(layero) {
// 此时 DOM 已插入，可绑定事件、初始化组件
layero.find('form').on('submit', handleForm);
}
});
}).fail(function() {
layer.msg('加载失败，请重试');
});
容易踩的坑：
-
success回调里才能安全操作弹窗 DOM，content传入时那些元素还没挂载到页面 - HTML 里如果有
<script>标签，jQuery.html()默认不执行，需手动eval或用$.globalEval（不推荐） - 如果外部 HTML 含 Layui 组件（如
laydate），要在success里重新layui.use或form.render()
动态传参给外部 HTML 页面（尤其是 iframe 场景）
iframe 本身无法直接向被加载页传 JS 变量，常用办法是拼 URL 参数：
var userId = 123;
layer.open({
type: 2,
content: '/dialog/user-edit.html?userId=' + userId,
area: ['600px', '400px']
});
然后在 /dialog/user-edit.html 里用 JS 解析 URL 获取参数：
// 在 user-edit.html 里
var urlParams = new URLSearchParams(window.location.search);
var userId = urlParams.get('userId');
注意：type: 2 下无法通过 layer.getChildFrame 提前取 iframe 内容——必须等 iframe load 完成，且同源才可读取：
- 异步时机难控，
layer.getChildFrame('body', index)要在success回调里用，且要加 try/catch - 不同源时，
layer.getChildFrame返回空 jQuery 对象，无报错，容易误判 - 参数太多或含敏感信息，别走 URL，改用
postMessage（需双方配合，复杂度陡增）
