关于iframe与父窗口元素选取的问题
来源:互联网 发布:电脑硬件状况检测软件 编辑:程序博客网 时间:2024/05/22 04:42
在做项目的时候使用到了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介绍。
- 关于iframe与父窗口元素选取的问题
- 关于iframe调用父窗口的元素和方法
- 关于子窗口刷新父窗口(iframe)的问题?
- jquery、js调用iframe父窗口(父类)与子窗口元素的方法
- jquery、js调用iframe父窗口与子窗口元素的方法
- jquery、js调用iframe父窗口与子窗口元素的方法
- jquery、js调用iframe父窗口(父类)与子窗口元素的方法
- jquery、js调用iframe父窗口与子窗口元素的方法
- jquery、js调用iframe父窗口与子窗口元素的方法整理
- jquery、js调用iframe父窗口(父类)与子窗口元素的方法
- jquery、js调用iframe父窗口与子窗口元素的方法整理
- jquery、js调用iframe父窗口与子窗口元素的方法
- jQuery、JS调用iframe父窗口与子窗口元素的方法
- iframe 与父窗口
- 在父窗口中查找iframe中元素的方法
- iframe获取父、子窗口元素的方法
- iframe和父窗口 元素属性间的相互操作方法
- iframe与父窗口的交互.
- 三次握手与四次挥手
- 使用 JDBC 连接 Hive(ClassNotFoundException、No suitable driver found、Could not open client transport wit)
- HashMap与ConcurrentHashMap的区别
- [LeetCode]173. Binary Search Tree Iterator
- Html5 手机wap开发、微信开发、APP开发的优缺点-创业者必知
- 关于iframe与父窗口元素选取的问题
- 开源飞控
- Android Studio - 使用第三方库
- Qt 连接Mysql win10
- day01 android开发快速入门
- C++中引用(&)的用法和应用实例
- java入门学习(15)—多线程
- CentOS卸载OpenJDK并安装Sun JDK
- 第六篇 给特定的Activity加上权限