zoukankan      html  css  js  c++  java
  • window.parent与window.opener的区别 转

    1:   window.parent 是iframe页面调用父页面对象

    举例:
    a.html

     

    程序代码
    <html>
    <head><title>父页面</title></head>
    <body>
    <form name="form1" id="form1">

    <input type="text" name="username" id="username"/>

    </form>
    <iframe src="b.html" width=100%></iframe>
    </body>
    </html>



    如果我们需要在b.htm中要对a.htm中的username文本框赋值,就如很多上传功能,上传功能页在Ifrmae中,上传成功后把上传后的路径放入父页面的文本框中

    我们应该在b.html中写

    程序代码
    <script type="text/javascript">
    var _parentWin = window.parent ;
    _parentWin.form1.username.value = "xxxx" ;
    </script>

    2:   window.opener 是window.open 打开的子页面调用父页面对象

    a.html

    程序代码

    <script type="text/javascript">
    function openSubWin()
    {
    var _width = 300 ;
    var _height = 200 ;
    var _left = (screen.width - _width) / 2 ;
    var _top = (screen.height - _height) / 2 ;
    window.open("b.html",null,
    "height=" + _height + ",width=" + _width + ",status=no,toolbar=no,menubar=no,location=no,resizable=yes,left=" + _left + ",top=" + _top);
    }
    </script>
    <input type="text" name="username" id="username"/>
    <input type="button" value="弹出子页面" onClick="openSubWin();">



    b.html

    程序代码

    <script type="text/javascript">
    function UpdateParent()
    {
    var _parentWin = window.opener ;
    _parentWin.form1.username.value = "xxxx" ;
    }
    </script>
    <input type="button" name="button" id="button" value="更新主页面的UserName内容" onClick="UpdateParent();"> 
  • 相关阅读:
    很久以前写的一个功能测试用例
    中外白领和无领的一天
    Five bugs in five minutes...
    Oracle SQL 性能优化技巧
    10款常用Java测试工具[转载]
    AJAX、AJAX实例及AJAX源代码(asp)
    各大银行的暗示[笑话]
    Tomcat集群与负载均衡(转载)
    简述CMMI2级的7个PA
    全面介绍单元测试 -转贴
  • 原文地址:https://www.cnblogs.com/TNTZWC/p/1737476.html
Copyright © 2011-2022 走看看