博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
iframe多层嵌套时获取元素总结
阅读量:7100 次
发布时间:2019-06-28

本文共 1425 字,大约阅读时间需要 4 分钟。

hot3.png

父页面获取子页面元素:
注意:onload事件
jQuery获取:
$("iframe").contents().find("holder")......;
(嵌套三层,或者更多时)
$('iframe').contents().find('iframe').contents().find("iframe")......
js获取:
window.frames["holder"].document 或者 window.frames[0].document(不推荐)
(嵌套三层,或者更多时)
window.frames[0].window.frames[0](......).document
补充拓展:(仅供参考)
document.frames 与 window.frames 之间的区别
document.frames 只有IE、Opera 支持,等同于 window.frames。用来取得当前页面内 window 对象的集合。
在 Firefox、Chorome、Safari中使用 document.frames 不能获取到 FRAME 元素
window.frames['myframe'] 代替 document.frames('myframe')或document.frames['myframe']。
注意:window.frames只可写成window.frames['myframe']不能写成window.frames('myframe')
子页面获取父页面元素:
1、子页面获取iframe父页面的DOM
jQuery获取:
$("#holder",parent.document) 
js获取:
parent.document.getElementById("holder")  
2、子页面获取父页面里的其他iframe子页面里的DOM
jQuery获取:
$("#holder",window.parent.frames["holder"].document)
js获取:
window.parent.frames["holder"].document.getElementById("holder")
补充拓展:(仅供参考)
opener 与 parent 之间的区别
opener:
opener用于在window.open的页面引用执行该window.open方法的的页面的对象。例如:A页面通过window.open()方法弹出了B页面,在B页面中就可以通过opener来引用
A页面,这样就可以通过这个对象来对A页面进行操作。
parent:
parent用于iframe,frame中生成的子页面中访问父页面的对象。例如:A页面中有一个iframe或frame,那么iframe或frame中的页面就可以通过parent对象来引用A页面
中的对象。这样就可以获取或返回值到A页面中。
总结:
parent指父窗口,在FRAMESET中,FRAME的PARENT就是FRAMESET窗口。 
opener指用WINDOW.OPEN等方式创建的新窗口对应的原窗口。
parent是相对于框架来说父窗口对象。 
opener是针对于用window.open打开的窗口来说的父窗口,前提是window.open打开的才有。

转载于:https://my.oschina.net/u/185978/blog/472389

你可能感兴趣的文章
HiveServer2 Impersonation
查看>>
oracle查询当前用户下的所有表、表对应的所有表字段、表的主键字段名称
查看>>
maven的profile和filter插件管理配置项
查看>>
Centos 7源码编译安装MySQL5.5及配置
查看>>
我的友情链接
查看>>
JUnit4中使用Hamcrest测试框架的assertThat断言_小实例
查看>>
Linux Server - APT
查看>>
VMware Workstation 虚拟机问题!
查看>>
我的友情链接
查看>>
JavaScript函数
查看>>
ubuntu16.04 改变网卡名称 Ubuntu server 14.04 LTS 升级 16.04 LTS
查看>>
序列化与反序列化的简便实用封装 续
查看>>
PHP5.1下安装json扩展
查看>>
Skype For Business Server 2015 离线消息
查看>>
centos6.5上dstat的安装
查看>>
翻身的废鱼——论PHP从入门到放弃需要多久?18
查看>>
建立window的时间服务器(NTP)
查看>>
提高C#编程水平不可不读的50个要诀
查看>>
正则表达式——转载
查看>>
C#实现HttpUtility.UrlEncode输出大写字母
查看>>