iframe 父页面调用子页面方法

最新推荐文章于 2025-03-10 11:26:34 发布

菜鸟进军大神陆

最新推荐文章于 2025-03-10 11:26:34 发布

阅读量2.4w

点赞数 4

分类专栏： web前端问题总结文章标签： iframe

web前端问题总结专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一种在主页面和子页面（如iframe）之间进行JavaScript通信的方法，通过使用window对象和contentWindow属性实现父子页面之间的方法调用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!--主页面中的JS代码-->
<script type="text/javascript">
//调用子页面的方法.
var childWindow = $("#addFrame")[0].contentWindow; //表示获取了嵌入在iframe中的子页面的window对象。  []将JQuery对象转成DOM对象，用DOM对象的contentWindow获取子页面window对象。
childWindow.subFunction();  //调用子页面中的subFunction方法。
</script>
 
 
<!--子页面中的JS代码-->
<script type="text/javascript">
//子页面调用父页面中的方法。
window.parent.parentFunction();  //parentFunction是父页面中自定义的JS方法。
</script>

转自：https://blog.csdn.net/houyanhua1/article/details/79064351