zoukankan      html  css  js  c++  java
  • iframe访问子页面方法

    在Iframe中调用子页面的Js函数

    调用IFRAME子页面的JS函数

    说明:假设有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  index.html"); 

    </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"].sonff();' /> 
    </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 sonff(){ 
    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="sonff();" /> 
    </div> 
    </body> 
    </html> 

  • 相关阅读:
    2017北京网络赛 J Pangu and Stones 区间DP(石子归并)
    2017北京网络赛 F Secret Poems 蛇形回路输出
    2017 北京网络赛 E Cats and Fish
    CF 1198 A. MP3 模拟+滑动窗口
    博弈论
    gym 101911
    容器STL
    POJ 3281 Dining 最大流+拆点
    hdu 1533 Going Home 最小费用最大流 (模板题)
    C#博文搜集
  • 原文地址:https://www.cnblogs.com/Shjergsen/p/5076584.html
Copyright © 2011-2022 走看看