zoukankan      html  css  js  c++  java
  • iframe 父页面与子页面之间的方法的相互调用

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>Parent Page</title>
            <script language="javascript" type="text/javascript">
                function parenttest() {
                    alert("这是父页面的方法!");
                }
                function btnClick() {
                    document.getElementById("childframe").contentWindow.childtest();
                }
        </script>
    </head>
    <body>
       <div style="margin:auto;">
           <h1>This is the Parent Page.</h1>
           <input type="button" value="调用子页面的方法"  onclick="btnClick()"/> 
        </div>
        <div style="margin:auto;">
           <iframe style="300px; height:300px;" id="childframe" src="ChildPage.html"></iframe>
        </div>
    </body>
    </html>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>Child Page</title>
        <script language="javascript" type="text/javascript">
          function childtest() {
              alert("这是子页面的方法!");
          }
          function btnClick() {
              window.parent.parenttest();
          }
        </script>
    </head>
    <body>
       <div style="margin:auto;">
           <h1>This is the Child Page.</h1>
           <input type="button" value="调用父页面的方法" onclick="btnClick()"/> 
        </div>
    </body>
    </html>
  • 相关阅读:
    5、Hystrix服务熔断(服务端)与服务降级(客户端)
    迷宫回溯问题
    4、负载均衡:Ribbon、Feign
    PHP-删除排序数组中的重复项
    MYSQL-连续出现的数字
    PHP
    MYSQL分数排名
    MYSQL查询第二高的薪水
    PHP算法之有效的括号
    PHP算法之电话号码的字母组合
  • 原文地址:https://www.cnblogs.com/wxj111/p/3487726.html
Copyright © 2011-2022 走看看