jquery 父页面子页面同级页面调用

最新推荐文章于 2024-02-22 16:42:06 发布

weixin_30807779

最新推荐文章于 2024-02-22 16:42:06 发布

阅读量203

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Struts-pring/p/4243753.html

本文详细介绍了如何在JavaScript中通过iframe元素实现页面元素的访问、操作及参数传递，包括获取iframe窗口对象、使用jQuery选择器操作子页面元素、向iframe页面传值以及跨级iframe调用等关键知识点。

项目中用到代码，先展示，以便以后用到，直接看下就会明白。

var li_divs = parent.$("#servicelist")[0].contentWindow.$("#ccList .li.div");
li_divs.each(function(){
if($(this).find("a").eq(0).attr("attrid")==$("#id").val()){
$(this).find("a").eq(0).text($("#name").val());
}
});

以下内容来自转载

主要知识点

1：document.getElementById("ii").contentWindow 得到iframe对象后，就可以通过contentWindow得到iframe包含页面的window对象，然后就可以正常访问页面元素了；

2：$("#ii")[0].contentWindow 如果用jquery选择器获得iframe，需要加一个【0】；

3：$("#ii")[0].contentWindow.$("#dd").val() 可以在得到iframe的window对象后接着使用jquery选择器进行页面操作;

4：$("#ii")[0].contentWindow.hellobaby="dsafdsafsdafsdafsdafsdafsadfsadfsdafsadfdsaffdsaaaaaaaaaaaaa"; 可以通过这种方式向iframe页面传递参数，在iframe页面window.hellobaby就可以获取到值，hellobaby是自定义的变量；

5：在iframe页面通过parent可以获得主页面的window，接着就可以正常访问父亲页面的元素了；

6：parent.$("#ii")[0].contentWindow.ff; 同级iframe页面之间调用，需要先得到父亲的window，然后调用同级的iframe得到window进行操作；

转载于:https://www.cnblogs.com/Struts-pring/p/4243753.html