contentWindow和contentDocument用法

2017-8-30 15:30| 发布者: 蚂蚁小编| 查看: 569| 评论: 0|来自: 蚂蚁部落

现在很多网页都有子窗口的使用,在操作子窗口的时候需要获取子窗口对象,标题中的两个属性的作用就会得到体现,下面就通过代码实例介绍一下它两个的作用,希望能够给需要的朋友带来一定的帮助。

一.contentWindow属性:

首先说明一点,它并不是w3c标准属性,但是当前能够兼容所有浏览器。

此属性可以获取子窗口的window对象。

代码实例:

[JavaScript] 纯文本查看 复制代码
var oiframe=document.getElementById("iframeid");
var iframeWin=oiframe.contentWindow;//可以获取子窗口的window对象。
iframeWin.document.getElementById("antzone");//获取子窗口id属性值为antzone的元素对象

二.contentDocument:

此属性符合w3c标准,但是在IE下,只有IE8和IE8以上浏览器支持此属性。

它获取的是子窗口的document对象。

代码实例:

[JavaScript] 纯文本查看 复制代码
var oiframe=document.getElementById("iframeid");//获取iframe对象。
var iframeDoc=oiframe.contentDocument;//获取iframe的document对象。
iframeDoc.getElementById("antzone");//获取iframe子页面中id属性值为antzone的元素对象

鲜花

握手

雷人

路过

鸡蛋

最新评论

返回顶部