IFrame srcdoc 属性

HTML DOM IFrame 对象

定义和用法

srcdoc 属性设置或返回 iframe 元素中 srcdoc 属性 的值。

srcdoc 属性规定要在 iframe 中显示的页面的 HTML 内容。

提示：此属性应与 sandbox 和 seamless 属性 一起使用。

如果浏览器支持 srcdoc 属性，它将覆盖 src 属性中规定的内容（如果存在）。

如果浏览器不支持 srcdoc 属性，它将显示 src 属性中规定的文件（如果存在）。

实例

例子 1

更改 iframe 中显示的 HTML 内容：

document.getElementById("myFrame").srcdoc = "<p>iframe 中的一些新内容！</p>";

亲自试一试

例子 2

返回显示在 iframe 中的 HTML 内容：

var x = document.getElementById("myFrame").srcdoc;

亲自试一试

语法

返回 srcdoc 属性：

iframeObject.srcdoc

设置 srcdoc 属性：

iframeObject.srcdoc = HTML_code

属性值

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

技术细节

返回值： 字符串值，表示 iframe 中显示的 HTML 内容（如果有）。

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
20.0 不支持 25.0 6.0 15.0

相关页面

HTML 参考手册：HTML <iframe> srcdoc 属性

HTML DOM IFrame 对象