您的位置:首页 > 其它

关于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介绍
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: