IFrame srcdoc 属性

定义和用法

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

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

提示:此属性应与 sandboxseamless 属性 一起使用。

如果浏览器支持 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 属性


http://www.vxiaotou.com