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

    parent.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>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>

    son.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>

  • 相关阅读:
    python库安装
    Reversing Linked List(根据输入序列对其做部分或全部反转)
    简单的一元二项(使用的是指针形式,方便调试)
    最大子序列问题
    centos6安装mysql5.5.53
    android中常用的drawable
    android四大组件之ContentProvider
    android使用shape来绘制控件
    android布局理解
    android命令行管理avd以及sqlite3命令
  • 原文地址:https://www.cnblogs.com/lgnblog/p/11010981.html
Copyright © 2011-2022 走看看