当前位置:Gxlcms > JavaScript > 简单介绍jQuery中父iframe与子iframe之间相互调用与传值的方法

简单介绍jQuery中父iframe与子iframe之间相互调用与传值的方法

时间:2021-07-01 10:21:17 帮助过:24人阅读

本篇文章给大家带来的内容是关于简单介绍jQuery中父iframe与子iframe之间相互调用与传值的方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

父页面中的iframe :如下

<iframe name="sunPage" id="sunPage" src="sun.html" width="300px" height="auto"></iframe>;

1.父iframe 调用子iframe的方法

    $("#sunPage")[0].contentWindow.sunMethod();

contentWindow 对象可以获取子iframe的window对象,兼容所有浏览器.
sunMethod() 这是子iframe中的方法名.

如果iframe的id不知道,比如用jbox 的open方法打开一个ifram.可以借助jquery的find方法找到iframe节点。

如:

$(selector).find("iframe")[0].contentWondow.sunMethod();

2.父iframe 修改子iframe标签中的数据:如修改子iframe中的input的值.

      $('#sunPage').contents().find("#sunP").text("dsssssdd");

jQuery contents() 方法:Gxl网上有介绍
ID #sunP 是子iframe中的input的id;

3.子iframe调用父iframe中的方法

    window.parent.daoYo("asdadasds");

window.parent 直接调用window对象的parent
daoYo("asdadasds"); 父页面的方法名,可传参数;

4, 子iframe 修改父iframe标签中的数据:如修改父iframe中的input的值.
这个就不用说了.

       window.parent.$("#button3").text("ssssssssssss");

相关推荐:

iframe子、父页面域内及跨域通信实例

父页面iframe高度自动适应子页面iframe高度_html/css_WEB-ITnose

jquery、js调用iframe父窗口与子窗口元素的方法整理_jquery

以上就是简单介绍jQuery中父iframe与子iframe之间相互调用与传值的方法的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行