关于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介绍。

0 0
原创粉丝点击