位置: 编程技术 - 正文
推荐整理分享解决同一页面中两个iframe互相调用jquery,js函数的方法(同一个页面),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:不同页面,同一页面如何快捷切换,不同页面,解决同一页面中的空白,解决同一页面中的空白,在同一个页面中,如果希望页面,在同一个页面中,如果希望页面,同一个页面,内容如对您有帮助,希望把文章链接给更多的朋友!
这一个月又没更新博客,唉,懒癌又犯了,今天解决了一个问题,关于两个iframe互相调用jquery函数方法
a.html中有两个iframe,如下:
b.html中有一个treeview,称为左菜单iframe
c.html为b.html中treeview点击后显示的数据,就称为右页面iframe。
既然两个页面之间都有关系,存在在a.html中,那这两个页面就能互相调用Js方法。
ps:如果两个页面之间没有一点关系,那就让他们产生关系方能互相调用,比如说两个页面都引用一个js文件,那就能互相调用了。
比如说
c.html中有一个button
b.html中
最后总结下:
如果是c.html的iframe是在b.html中那么引用下面的方法
1,子iframe内调用父类函数方法:
window.parent.func();
2,子Iframe中获取父界面的元素:
$("#xx", window.parent.document);
这个xx就是父界面中要获取的元素的ID。
3,jquery 调用子iframe页面中js的方法:
iframefunction()是子页面的方法
$(window.parent.document).contents().find("#iframename")[0].contentWindow.iframefunction();
标签: 同一个页面
本文链接地址:https://www.jiuchutong.com/biancheng/376264.html 转载请保留说明!友情链接: 武汉网站建设