zoukankan      html  css  js  c++  java
  • Iframe和父窗口互调方法的集合

    1.子iframe里调用父级的方法:window.parent.document.
     
    2.父级里调用子集iframe:window.frames["iframe_text"].document.
     
    下面是例子:
    index.html
    <HTML>
        <HEAD>
            <TITLE> Test Page </TITLE>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <script src="prototype-1.4.0.js"></script>
            <script language="javascript">
                function show()
                {
                   
     window.frames["iframe_text"].document.getElementById("myH1").innerHTML = "http://hi.wonsoft.cn";
                }
            </script>
        </HEAD>
        <BODY>
            <iframe height="350"  width="600" src="iframe_test.html" name="iframe_text"></iframe>
            <form action="" method="post">
                <input name="haha" id="haha" type="text" maxlength="30" value="haha" />
                <br />
                <textarea cols="50" rows="5" id="getAttributeMethod"></textarea>
                <input type="button" onClick="show();" value="提交"/>
            </form>
            <h1 id="myH1">d</h1>
        </BODY>
    </HTML>
     
    iframe_test.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>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>无标题文档</title>
      </head>
      <script language="javascript">
        function show()
        {
          alert(window.parent.document.body.scrollTop);
         
     window.parent.document.getElementById("myH1").innerHTML = document.getElementById("text").value//wonsoft.cn;
        }
      </script>
      <body>
        <h1 id="myH1">ha</h1>
        <form action="" method="post">
          <input name="abc" id="abc" type="text" maxlength="30" value="abc" />
          <br />
          <textarea cols="50" rows="10" id="text"></textarea>
          <br />
          <input type="button" value="提交" onclick="show();"/>
        </form>
      </body>
    </html>
  • 相关阅读:
    Python13_安装、解释器
    Python12_关于文件概念的讨论与序列化
    Python11_文件的读写
    which | whereis |locate |find
    tail命令 | head命令
    cat 命令|more命令|less命令
    数据库模型设计,第一范式、第二范式、第三范式简单例子理解
    json
    正则表达式
    SFTP相关命令
  • 原文地址:https://www.cnblogs.com/freefish12/p/4347349.html
Copyright © 2011-2022 走看看