首页 > Windows开发 > 详细

谈谈contentWindow 和contentDocument以及 iframe

时间:2014-03-28 11:06:06      阅读:504      评论:0      收藏:0      [点我收藏+]

1,contentWindow:是用来获取子窗口的window对象的,它兼容各大浏览器,用法如下

bubuko.com,布布扣
document.getElementById("iframeId").contentWindow 
bubuko.com,布布扣

这样简单的一句就得到了iframe包含页面的window对象;

2,contentDocument:是用来获取子窗口的document对象的,主流浏览器都支持和ie8+支持,用法如下

bubuko.com,布布扣
document.getElementById("iframeId").contentDocument
bubuko.com,布布扣

这样简单的一句就得到了iframe包含页面的document对象;

以上两种方法是在父窗口中获取到子窗口,既然我们都能拿到子窗口window对象和document对象了,那么子窗口内其他的操作就easy了 !

如果要通过子窗口A访问到同级的子窗口B,那么我们可以在子窗口A中这么来做:

bubuko.com,布布扣
parent.getElementById("iframeId").contentWindow.document.getElmentById("frameId_B")  

或者
parent.getElementById("iframeId").contentDocument.getElmentById("frameId_B")
bubuko.com,布布扣

就得到B窗口了。

此外,我们知道在iframe的页面中如果使用history.back(),那么会使其主窗口后退。而通常我们不希望这样,于是你可以在子窗口中采用
bubuko.com,布布扣
parent.document.getElementById(‘iframe id‘).contentWindow.history.back(); 
bubuko.com,布布扣

来优雅的实现

开心一刻:

bubuko.com,布布扣

谈谈contentWindow 和contentDocument以及 iframe,布布扣,bubuko.com

谈谈contentWindow 和contentDocument以及 iframe

原文:http://www.cnblogs.com/wenber/p/3628767.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!