HTML DOM FrameIFrame contentWindow 属性

月间摘星

Frame/IFrame contentWindow 属性


定义和用法

contentWindow 属性能够以 HTML 对象来返回 iframe 中的文档。

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

语法


frameObject.contentWindow

或者

iframeObject.contentWindow


浏览器支持

HTML DOM FrameIFrame contentWindow 属性HTML DOM FrameIFrame contentWindow 属性HTML DOM FrameIFrame contentWindow 属性HTML DOM FrameIFrame contentWindow 属性HTML DOM FrameIFrame contentWindow 属性

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


实例

以下实例通过浏览器展示了如何改变iframe包含的文档背景颜色:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function changeStyle(){
    var x=document.getElementById("myframe");
    var y=(x.contentWindow || x.contentDocument);
    if (y.document)y=y.document;
    y.body.style.backgroundColor="#0000ff";
}
</script>
</head>
<body>
    
<iframe id="myframe" src="demo_iframe.htm">
<p>你的浏览器不支持iframes。</p>
</iframe>
<br><br>
<input type="button" onclick="changeStyle()" value="修改背景颜色">
 
</body>
</html>


版权声明:本页面内容旨在传播知识,为用户自行发布,若有侵权等问题请及时与本网联系,我们将第一时间处理。E-mail:284563525@qq.com

目录[+]

取消
微信二维码
微信二维码
支付宝二维码