多层iframe嵌套使用相互取值
来源:互联网 发布:ff14克劳德捏脸数据 编辑:程序博客网 时间:2024/06/05 09:24
父页面获取子页面元素:
注意: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页面
总结:
parent指父窗口,在FRAMESET中,FRAME的PARENT就是FRAMESET窗口。
opener指用WINDOW.OPEN等方式创建的新窗口对应的原窗口。
parent是相对于框架来说父窗口对象。
opener是针对于用window.open打开的窗口来说的父窗口,前提是window.open打开的才有。
注意: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页面中。
3、子页面获取最外层DOM
window.top.document.getElementById("login_Name")
总结:
parent指父窗口,在FRAMESET中,FRAME的PARENT就是FRAMESET窗口。
opener指用WINDOW.OPEN等方式创建的新窗口对应的原窗口。
parent是相对于框架来说父窗口对象。
opener是针对于用window.open打开的窗口来说的父窗口,前提是window.open打开的才有。
阅读全文
0 0
- 多层iframe嵌套使用相互取值
- 嵌套 iframe 取值
- iframe 多层嵌套 无限嵌套 高度自适应
- 多层嵌套Iframe的自适应问题解决
- 多层嵌套Iframe的自适应问题解决
- 多层嵌套Iframe的自适应问题解决
- 多层嵌套iframe 自适应高度的解决方法
- iframe自适应高度,多层嵌套iframe自适应高度的解决方法
- iframe自适应高度,多层嵌套iframe自适应高度的解决方法
- iframe自适应高度,多层嵌套iframe自适应高度的解决方法
- iframe父窗口和子窗口的相互取值
- iframe 和 父页面 相互取值及函数调用
- vector map 多层嵌套使用
- 多层嵌入式框架(iframe)使用总结
- 多层嵌入式框架(iframe)使用总结
- 多层嵌套的使用要点及优化
- 页面多层iframe嵌套时,计算当前iframe到屏幕的距离
- iframe取值
- memcached学习笔记
- Java解析前台传过来的json数组
- main()函数的参数
- 分布式事务之最终一致的Mq实现
- 13、Oracle:多表连接和临时表的使用
- 多层iframe嵌套使用相互取值
- Xamarin XAML语言教程基本视图ContentView
- 锯齿与抗锯齿
- JDBC工具类
- git迁移远程代码库(从remote a到 remote b)
- 请实现一个类,时时刻刻记录内存中类的对象的个数
- manjaro linux 使用vmware时NAT无法联网问题解决
- 架构书籍经验总结
- JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象