传智博客
快捷导航
蚂蚁部落 网站首页 实例代码 JS实例 查看内容

contentWindow和contentDocument用法

2017-8-30 15:30| 发布者: 蚂蚁小编| 查看: 404| 评论: 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的元素对象

鲜花

握手

雷人

路过

鸡蛋

最新评论

关于我们|手机版|小黑屋| ( 鲁ICP备10022556号-3 )

GMT+8, 2017-12-11 19:22 , Processed in 0.066867 second(s), 22 queries .

Powered by Discuz! X3.2 Licensed

Copyright © 2012-2017 Design: 蚂蚁部落

返回顶部