zoukankan      html  css  js  c++  java
  • javascript 父窗体获取子窗体操作结果

       在父窗体 A.html 页面中,当点击某个按钮时,使用 window.open("B.html","anyName"); 来打开 B.html 页面。
       在 B.html 页面中进行相应的操作后,如何将操作结果返回给 A.html 页面呢,现在,让我们来做进一步的分析。
       首先,我们要知道,使用 window.open 方法打开页面 B.html 页面时,允许我们在 B.html 页面中调用 window.opener
       方法来获取父窗体对象,然后通过该对象调用父窗体 A.html 页面的 js 方法来设置 A.html 页面的控件或标签值。

     如:
     
     A.html 页面的部分代码如下:
     

    <table class="select" onclick="window.open("B.html","new1")" >
    <tr>
    <td>
    <div id="TagName">
    </div>
    </td>
    <td class="w20">
    <input type="hidden" id="TagID" /><img src="../resources/images/default/common/tag.gif"
    alt
    ="选择标签" />
    </td>
    </tr>
    </table>
    <script type="text/javascript">

    function setLabelType(idlist,namelist)
    {
    var tagids = document.getElementById("TagID");
    tagids.value
    = idlist;
    var tagnames = document.getElementById("TagName");
    tagnames.innerHTML
    = idlist + namelist;
    }

    </script>


     B.html 页面的部分代码如下:
     

    <script type="text/javascript">
    function setValues()
    {
    var ids = "my ids";
    var names = "my names";
    window.opener.setLabelType( ids, names);
    window.close();
    }
    </script>


     其实这里唯一要注意的就是:子页面可以通过获取父页面来调用父页面的方法。

  • 相关阅读:
    Go module学习笔记
    java并发基础及原理
    java并发之内存模型
    https理论及实践
    Mysql查询结果导出Excel表
    mysql清空表数据并重置自增ID
    html a标签链接点击闪动问题解决
    rocketmq-console控制台管理界面配置
    nginx多层反代配置变量proxy_set_header
    nginx 实现浏览器文件下载服务
  • 原文地址:https://www.cnblogs.com/jiejie_peng/p/2101359.html
Copyright © 2011-2022 走看看