HTML <iframe> 标签srcdoc属性

<iframe>标签srcdoc属性定义和用法

srcdoc属性指定要在内联框架中显示的页面的HTML内容。
提示：此属性应与sandbox和seamless属性一起使用。
如果浏览器支持srcdoc属性，它将覆盖src属性中指定的内容（如果存在）。
如果浏览器不支持srcdoc属性，它将显示src属性中指定的文件（如果存在）。

<iframe>标签srcdoc属性浏览器支持

Edge/IE	Chrome	FireFox	Safari	Opera

不支持	20.0（含）以上	25.0（含）以上	6.0（含）以上	15.0（含）以上

HTML4.01和HTML5之间的差异

srcdoc属性是HTML5中的新属性。

<iframe>标签srcdoc属性语法

<iframe>标签srcdoc属性实例

<!DOCTYPE html>
<html>
<body>

<iframe srcdoc="<p>Hello world!</p>" src="/jc_script/tag/iframe_attr_shadbox4.html">
  <p>您的浏览器不支持iframes。</p>
</iframe>

<p><strong>提示</strong>：在IE浏览器中测试一下。</p>

<p><strong>注意:</strong> 在Chrome、Firefox、Safari 6+和Opera 15+中支持iframe标签的srcdoc属性。</p>

</body>
</html>

尝试一下

<iframe>标签srcdoc属性值

属性值	描述
HTML_code	在iframe中显示的HTML内容。必须是有效的HTML语法