contentWindow和contentDocument用法

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

一.contentWindow属性:

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

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

代码实例:

var oiframe=document.getElementById("iframeid");
var iframeWin=oiframe.contentWindow;//可以获取子窗口的window对象。
iframeWin.document.getElementById("antzone");//获取子窗口id属性值为antzone的元素对象

二.contentDocument:

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

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

代码实例:

var oiframe=document.getElementById("iframeid");//获取iframe对象。
var iframeDoc=oiframe.contentDocument;//获取iframe的document对象。
iframeDoc.getElementById("antzone");//获取iframe子页面中id属性值为antzone的元素对象

contentWindow和contentDocument用法，这样的场景在实际项目中还是用的比较多的，关于contentWindow和contentDocument用法就介绍到这了。