关于iframe与父窗口元素选取的问题
2016-03-12 10:18
239 查看
在做项目的时候使用到了Iframe,可是在实现点击iframe内的元素动态改变父窗口导航栏相应条目高亮active的时候发现在iframe内Jq不能选取父容器的元素,仔细一想,确实是不应该选取到的,毕竟两者不是同一个网页,于是乎就寻找度娘了,在这里总结一下解决的方法:
关于Jq在iframe内选取父窗口的元素:
要点就在于在普通的Jq选择器内容后面添加一条parent.document来指示选择器从父窗口寻找对应的元素,例如:
$("选择器",parent.document).addClass("active");
关于Jq在父窗口选择Iframe内的元素:
要点就在于在普通的Jq选择器内容后面添加一条document.frames('iframe的name属性').document来指示选择器从相应的iframe内寻找相应的元素,例如:
$("选择器",document.frames("myFrame").document).addClass("active");
JS也是同理,在选择父窗口元素的时候:
window.parent.document.getElementById("XXX");
在选择iframe内元素的时候:
window.frames["iframe_ID"].document.getElementById("XXX");
对于parent,这里有比较详细的介绍parent介绍。
关于Jq在iframe内选取父窗口的元素:
要点就在于在普通的Jq选择器内容后面添加一条parent.document来指示选择器从父窗口寻找对应的元素,例如:
$("选择器",parent.document).addClass("active");
关于Jq在父窗口选择Iframe内的元素:
要点就在于在普通的Jq选择器内容后面添加一条document.frames('iframe的name属性').document来指示选择器从相应的iframe内寻找相应的元素,例如:
$("选择器",document.frames("myFrame").document).addClass("active");
JS也是同理,在选择父窗口元素的时候:
window.parent.document.getElementById("XXX");
在选择iframe内元素的时候:
window.frames["iframe_ID"].document.getElementById("XXX");
对于parent,这里有比较详细的介绍parent介绍。
相关文章推荐
- HashMap与ConcurrentHashMap的区别
- 使用 JDBC 连接 Hive(ClassNotFoundException、No suitable driver found、Could not open client transport wit)
- 三次握手与四次挥手
- qt for Android 环境搭建 win10
- 也说TypeScript
- 视音频基础知识
- 我理解的 JavaScript 作用域
- [LeetCode]173. Binary Search Tree Iterator
- 2016-03-12关于datatables和editor一些功能使用上的总结
- objc@interface的设计哲学与设计技巧
- 如何获取一个控件的长和高
- 月入3000万 估值一亿美金的微信公众号
- http、TCP/IP协议与socket之间的区别
- 相册 相机 权限
- QML中Grid定位器
- 如何个性化syslinux引导界面背景照片
- 斐波那契数列V(原创题)
- iOS与js交互 去广告
- ExtJS学习(三)Grid表格
- ExtJS学习(三)Grid表格