jQuery 父iframe与子iframe 相互调用传值 程序员文章站 2022-10-27 20:10:22 来自：https://blog.csdn.net/wd4871/article/details/50517597 侵删 父页面中的iframe :如下 <p><strong>来自：https://blog.csdn.net/wd4871/article/details/50517597 侵删</strong></p> <p>父页面中的iframe :如下</p> <p><iframe name="sunPage" id="sunPage" src="sun.html" width="300px" height="auto"></iframe>;</p> <p>1.父iframe 调用子iframe的方法</p> <p> $("#sunPage")[0].contentWindow.sunMethod();<br><em> contentWindow 对象可以获取子iframe的window对象,兼容所有浏览器.<br> sunMethod() 这是子iframe中的方法名.</em></p> <p><em> 如果iframe的id不知道，比如用jbox 的open方法打开一个ifram.可以借助jquery的find方法找到iframe节点。</em></p> <p><em> 如：$(selector).find("iframe")[0].contentWondow.sunMethod();</em></p> <p>2.父iframe 修改子iframe标签中的数据:如修改子iframe中的input的值.</p> <p> $('#sunPage').contents().find("#sunP").text("dsssssdd");</p> <p> <em> jQuery contents() 方法: http://www.w3school.com.cn/jquery/traversing_contents.asp 介绍<br> ID #sunP 是子iframe中的input的id;</em></p> <p>3.子iframe调用父iframe中的方法</p> <p> window.parent.daoYo("asdadasds");<br> <em> window.parent 直接调用window对象的parent<br> daoYo("asdadasds"); 父页面的方法名,可传参数;</em></p> <p>4, 子iframe 修改父iframe标签中的数据:如修改父iframe中的input的值.<br> 这个就不用说了.</p> <p> window.parent.$("#button3").text("ssssssssssss");</p> </div> <div class="info-pre-next"> <p> 上一篇： <a href="/article/1894813.html"> 新交女友好单纯 </a> </p> <p> 下一篇： <a href="/article/1894815.html"> react实现页面切换动画效果 </a> </p> </div> <div class="wz_tuijian"> <p> 推荐阅读 </p> <ul> <li> <a href="/article/2070836.html" target="_blank" title="JQuery操作iframe父页面与子页面的元素与方法(实例讲解)"> <h2> JQuery操作iframe父页面与子页面的元素与方法(实例讲解) </h2> </a> </li> <li> <a href="/article/2041169.html" target="_blank" title="jquery、js调用iframe父窗口与子窗口元素的方法教程"> <h2> jquery、js调用iframe父窗口与子窗口元素的方法教程 </h2> </a> </li> <li> <a href="/article/1894814.html" target="_blank" title="jQuery 父iframe与子iframe 相互调用传值"> <h2> jQuery 父iframe与子iframe 相互调用传值 </h2> </a> </li> <li> <a href="/article/1364922.html" target="_blank" title="jQuery获取父窗口与子窗口的iframe案例详解"> <h2> jQuery获取父窗口与子窗口的iframe案例详解 </h2> </a> </li> <li> <a href="/article/1364526.html" target="_blank" title="JQuery调用iframe父页面元素与方法"> <h2> JQuery调用iframe父页面元素与方法 </h2> </a> </li> <li> <a href="/article/1331582.html" target="_blank" title="jquery+js调用iframe父窗口与子窗口步骤详解"> <h2> jquery+js调用iframe父窗口与子窗口步骤详解 </h2> </a> </li> <li> <a href="/article/1172106.html" target="_blank" title="JQuery操作iframe父页面与子页面的元素与方法(实例讲解)"> <h2> JQuery操作iframe父页面与子页面的元素与方法(实例讲解) </h2> </a> </li> <li> <a href="/article/1095310.html" target="_blank" title="JQuery操作iframe父页面与子页面的元素与方法(实例讲解)_jquery"> <h2> JQuery操作iframe父页面与子页面的元素与方法(实例讲解)_jquery </h2> </a> </li> <li> <a href="/article/1092619.html" target="_blank" title="jquery、js调用iframe父窗口与子窗口元素的方法教程"> <h2> jquery、js调用iframe父窗口与子窗口元素的方法教程 </h2> </a> </li> <li> <a href="/article/1035070.html" target="_blank" title="JQuery操作iframe父页面与子页面的元素与方法(实例讲解)_jquery"> <h2> JQuery操作iframe父页面与子页面的元素与方法(实例讲解)_jquery </h2> </a> </li> </ul> </div> </article> </div> </main> <footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body> </html>