登录  /  注册
首页 > web前端 > js教程 > 正文

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

不言
发布: 2018-08-15 10:23:03
原创
4011人浏览过

本篇文章给大家带来的内容是关于简单介绍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的值.

      $(&#39;#sunPage&#39;).contents().find("#sunP").text("dsssssdd");
登录后复制

jQuery contents() 方法:php中文网上有介绍
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之间相互调用与传值的方法的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
相关标签:
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号