这里有新鲜出炉的 jQuery 示例,程序狗速度看过来!
jQuery 是一个兼容多浏览器的 javascript 框架,核心理念是 write less,do more(写得更少, 做得更多)。jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布,吸引了来自世界各地的众多 JavaScript 高手加入,由 Dave Methvin 率领团队进行开发。
本文主要介绍了解决同一页面中两个 iframe 互相调用 jquery,js 函数的方法,具有很好的参考价值,需要的朋友可以看下
这一个月又没更新博客,唉,懒癌又犯了,今天解决了一个问题,关于两个 iframe 互相调用 jquery 函数方法
a.html 中有两个 iframe, 如下:
- <iframe width="100%" height="100%" name="left" scrolling="auto" frameborder="0"
- src="b.html" id="left">
- </iframe>
- <iframe width="100%" height="100%" name="main1" scrolling="auto" frameborder="0"
- src="c.html" id="main1">
- </iframe>
b.html 中有一个 treeview, 称为左菜单 iframe
c.html 为 b.html 中 treeview 点击后显示的数据, 就称为右页面 iframe。
既然两个页面之间都有关系,存在在 a.html 中,那这两个页面就能互相调用 Js 方法。
ps: 如果两个页面之间没有一点关系,那就让他们产生关系方能互相调用,比如说两个页面都引用一个 js 文件,那就能互相调用了。
比如说
c.html 中有一个 button
- <input type="button" id="btn" onclick="btnAlert(i)"/>
- <input type="hidden" id="hidVal" name="hidVal" />
- function btnAlert(index) {
- $(window.parent.$("#left"))[0].contentWindow.GetIndex(index);//调用b.html中的方法
- }
b.html 中
- function GetIndex(index) {
- $(window.parent.$("#main1")).contents().find("#hidVal").val(index);//找到c.html中的hidVal给他赋值
- }
最后总结下:
如果是 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();
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持 phperz!
来源: http://www.phperz.com/article/17/0506/329669.html