zoukankan      html  css  js  c++  java
  • 调用iframe中父页面/子页面中的JavaScript方法

    假设有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>

  • 相关阅读:
    Mac OSX下增加TCP连接数
    Connection reset by peer的常见原因及解决办法
    修改主机名
    docker 查看 docker容器启动 完整命令
    nginx 日志打印响应时间 request_time 和 upstream_response_time
    Ubuntu16.04 安装 Docker
    VictoriaMetrics vmagent 使用
    VictoriaMetrics vmauth 使用
    VictoriaMetrics集群模式的一些说明
    promgen prometheus 配置文件生成工具
  • 原文地址:https://www.cnblogs.com/jsingleegg/p/3522404.html
Copyright © 2011-2022 走看看