首页 > Web开发 > 详细

调用iframe中父页面/子页面中的JavaScript方法

时间:2014-01-17 00:25:13      阅读:360      评论:0      收藏:0      [点我收藏+]

假设有2个页面,index.html和inner.html。其中index.html中有一个iframe,这个iframe的src指向inner.html。

我们现在要做的就是:
1.在index.html中调用inner.html上的一个js方法
2.在inner.html中调用index.html上的一个js方法

实现代码如下: index.html

<html>
 <head>
  <script type="text/javascript">
    function ff(){
      alert(">>this is index‘s js function");
    }
  </script>
 </head>
  <body>
    <div style="background: lightblue;">
      This is index page.
      <input type="button" value="run index‘s function" onclick="ff();" />
      <input type="button" value="run inner page‘s function" onclick=‘window.frames["childPage"].ff();‘ />
    </div>
    <iframe id="childPage" name="childPage" src="inner.html" width="100%" frameborder="0"></iframe>
  </body>
</html>

inner.html

<html>
  <head>
    <script type="text/javascript">
    function ff(){
      alert(">>this is inner page‘s js function");
    }
   </script>

  </head>
  <body>
    <div style="background: lightgreen;">
        This is inner page.
      <input type="button" value="run index‘s function" onclick=‘parent.window.ff();‘ />
      <input type="button" value="run inner page‘s function" onclick="ff();" />
    </div>
  </body>
</html>

调用iframe中父页面/子页面中的JavaScript方法

原文:http://www.cnblogs.com/jsingleegg/p/3522404.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!