• 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>
  • 相关阅读:
    OC和Swift中的UITabBar和UINaviGationBar的适配 [UITabbar在IPad中的适配]
    <iOS开发>之App上架流程(2017)
    iOS--LaunchImage启动页设置及问题解决
    去掉ambiguous expansion of macro警告
    iosapp开发者账号信息管理
    开发一个 app 有多难?
    Android SDK下载安装及配置教程
    抽象类和借口的区别
    array,vertor,arraylist,hashable,hashmap等几个易混淆概念的区别
    判断Set里的元素是否重复、==、equals、hashCode方法研究-代码演示
  • 原文地址:https://www.cnblogs.com/freefish12/p/4347349.html
Copyright © 2020-2023  润新知