JavaScript 跨frame或iframe操作对象 | 黄乔国PHP
2017-07-23 21:58
417 查看
在实际开发中有些时候我们会遇到通过一个frame中的对象去操作另一个frame中的对象,那么这种情况就需要跨frame操作了。
首先我们需要先了解一些跨frame操作的语法:
1.获取整个页面的窗口 (这种方式找到的是窗口对象)
2.通过id获取对应的窗口(这种找到的是DOM对象)
所以要想操作frame或者ifame则用第2,3种方法即可。
如果要想操作frame或者ifame里面的元素则要先找到窗口对象,然后在找对应的元素。
首先我们需要先了解一些跨frame操作的语法:
1.获取整个页面的窗口 (这种方式找到的是窗口对象)
window.frames;//获取整个页面中的窗口 window.frames['frame的name属性值'];//获取对应名字的frame
2.通过id获取对应的窗口(这种找到的是DOM对象)
document.getElementById("frame的id");3.跨窗口获取(这种找到的是DOM对象)
window.parent.document.getElementById("frame的id");
所以要想操作frame或者ifame则用第2,3种方法即可。
如果要想操作frame或者ifame里面的元素则要先找到窗口对象,然后在找对应的元素。
window.frames['frame的name'].document.getElementById("元素id");
相关文章推荐
- Frameset、Frame、Iframe详解之三:Javascript操作Frameset
- 在Javascript操作JSON对象:增加
- JSON的数组对象 可以向javascript的Array对象一样操作
- c#和Javascript操作同一json对象的实现代码
- [转]javascript对iframe的互操作浅析
- javascript操作frame
- 总结JavaScript(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作
- php和javascript中Json操作总结
- js操作frameset frame 对象
- javascript对象和php对象和json区别
- 对frameset、frame、iframe的js操作
- 详解JavaScript对Date对象的操作问题(生成一个倒数7天的数组)
- 对frameset、frame、iframe的js操作
- javascript json对象操作(基本增删改查)
- javascript操作写入txt文件及消息: Automation 服务器不能创建对象问题
- iframe 用 JavaScript 调取父页面的对象
- JQuery操作Javascript对象和数组的工具函数总览
- JavaScript对象之数组操作-Array
- js 操作frameset frame 对象
- 通过<frameset>和<iframe>看JavaScript中window对象parent、self、top的区别