from属性html,HTML-Runoob-HTMLFrom:Frame/IFrame contentDocument 属性

这篇文章详细介绍了HTML Frame和IFrame的contentDocument属性,如何通过这个属性访问并操作框架中包含的文档,特别强调了安全限制——只能访问同源文档。实例演示了如何修改iframe文档的背景颜色,适合前端开发者了解和实践。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

ylbtech-HTML-Runoob-HTMLFrom:Frame/IFrame contentDocument 属性

Frame/IFrame contentDocument 属性

02c3aae1c5ea9f2ff6da5e523e7da868.png Frame/IFrame 对象

定义和用法

contentDocument 属性以 HTML 对象返回框架容纳的文档。

可以通过所有标准的 DOM 方法来处理被返回的对象。

注意:由于安全原因,文档的内容只能通过同一个域名下的另外一个文档访问。

语法

frameObject.contentDocument

或者

iframeObject.contentDocument

浏览器支持

508d31a620c8608754f8a1e09800e40c.png

9d0de8e86ec28be885059c01c5f7458d.png

4a832ecb91114093e73713ef5c95f6f3.png

bc88fbb1ff56af0f5fbe5f6939a558bd.png

780a054594e0b9f14b53150d2bd6e21c.png

所有主要浏览器都支持 contentDocument 属性

注意:如果指定了 !DOCTYPE, Internet Explorer 8 及更高版本支持 contentDocument 属性,其他IE版本请使用 contentWindow 属性。

实例

实例

通过浏览器实例展示了如何在修改iframe中文档的背景颜色:

菜鸟教程(runoob.com)

function changeStyle(){

var x=document.getElementById("myframe");

var y=(x.contentWindow || x.contentDocument);

if (y.document)y=y.document;

y.body.style.backgroundColor="#0000ff";

}

你的浏览器不支持iframes。

尝试一下 »

02c3aae1c5ea9f2ff6da5e523e7da868.png Frame/IFrame 对象

2、

https://www.runoob.com/jsref/prop-frame-contentdocument.html

2、

6e568fdf7f97900aa5f46b158f5b0d47.png

作者:ylbtech

出处:http://ylbtech.cnblogs.com/

本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

标签:返回,contentDocument,Runoob,顶部,Frame,IFrame,属性

来源: https://www.cnblogs.com/storebook/p/13374477.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值