JQuery 主页面调用子页面(<iframe>)中的JS方法，子页面调用主页面的JS方法

最新推荐文章于 2023-06-16 11:26:41 发布

原创最新推荐文章于 2023-06-16 11:26:41 发布 · 2.4w 阅读

17 ·

CC 4.0 BY-SA版权

文章标签：

#asp #asp.net #c# #jquery #javascript

JavaScript 同时被 3 个专栏收录

140 篇文章

订阅专栏

106 篇文章

订阅专栏

ASP.NET

89 篇文章

订阅专栏

本文介绍了一个简单的父页面与子页面间的交互案例，包括如何通过JavaScript从父页面调用子页面中的方法，以及从子页面调用父页面的方法。

摘要生成于 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>