srcdoc 是 HTML5 新增的属性，用于直接在 <iframe> 中嵌入 HTML 内容，而无需加载外部文件。当浏览器支持 srcdoc 时，它会覆盖 src 属性的内容。

示例：

上例中，iframe 会直接渲染 srcdoc 中的 HTML，而不会请求外部页面。

动态设置 srcdoc

你也可以通过 JavaScript 动态修改 iframe 的内容：

这样可以在运行时生成并插入 HTML，而无需创建单独的 HTML 文件。

重要注意事项：

• 优先级：当同时存在 srcdoc 和 src 时，支持 srcdoc 的浏览器会优先使用 srcdoc 内容。

• 安全性：建议与 sandbox 属性配合使用，限制 iframe 内代码的权限，防止潜在的安全风险。

• 兼容性：现代浏览器（Chrome 20+、Firefox 25+、Safari 6+、Opera 15+ 等）均已支持，但在旧版浏览器中会回退到 src 指定的内容。

• HTML 必须有效：srcdoc 的值必须是合法的 HTML 字符串，否则可能无法正确渲染。

这种方式非常适合在不依赖外部文件的情况下，快速向 iframe 注入静态或动态生成的 HTML 内容，同时结合 sandbox 提高安全性。