子窗体与父窗体调用对方js方法

最新推荐文章于 2020-12-21 09:28:52 发布

转载最新推荐文章于 2020-12-21 09:28:52 发布 · 130 阅读

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

原文链接：http://www.cnblogs.com/joeymary/p/5187361.html

本文介绍了如何在父窗体和子窗体(iframe)之间进行JavaScript交互的方法。包括从父窗体获取子窗体的window对象并调用其方法，以及从子窗体调用父窗体的方法。

有时候为了减少一个页面内的代码量，会将部分内容放到子窗体中，如后台管理中用iframe来进行管理

<div>
<iframe id="dviframe" src="/..."></iframe>
</div>

1、在父窗体获取子窗体的windows对象

var formWindow = $("#dviframe")[0].contentWindow;//[0]是jq对象转换成Dom对象，再获取子窗体window对象

这样就可以调用子窗体的js方法了，如

formWindow.test();//test是子窗体的js方法

2、在子窗体中获取父窗体的方法

window.parent.test2();//window.parent获取父窗体window对象，然后直接调用父窗体的test2方法

转载于:https://www.cnblogs.com/joeymary/p/5187361.html