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

转载于 2020-03-03 08:54:28 发布 · 906 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://blog.csdn.net/houyanhua1/article/details/79064351

收录于

jquery

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

<!--主页面中的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>