弹出窗口给父窗口传值并执行父窗口中的事件

最新推荐文章于 2022-01-24 15:35:06 发布

jinru2560

最新推荐文章于 2022-01-24 15:35:06 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： function 脚本 javascript url

本文链接：https://blog.youkuaiyun.com/jinru2560/article/details/1259045

JavaScript 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种网页应用中父窗口与弹出窗口之间的交互方式：如何从弹出窗口向父窗口传递数据，并在父窗口中执行特定事件。通过JavaScript实现弹出窗口的打开与关闭，并详细展示了如何在关闭时将选择的值返回给父窗口。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

弹出窗口给父窗口传值并执行父窗口中的事件:

父窗口中弹出窗口脚本:
function GetWinModalInfo()
        {
            var strReturn = "height=520, width=820, toolbar=no , menubar=no, scrollbars=no, resizable=no, location=no, status=no";
            return strReturn;
        }
        var valueObj;
  function OpenSelectWin(url)
  {
      var strWinModalInfo = GetWinModalInfo();
   valueObj = window.open(url,"newWindow",strWinModalInfo);
  }

弹出窗口传回值脚本:
<script language='javascript'>window.opener.GetSelectedVale(" + selValue + ");window.close();</script>

父窗口中接收值并执行相应事件脚本:
function GetSelectedVale(val)
  {
      if(val != "")
   {
       document.forms[0].<%= txt.ClientID %>.value = val;
    document.forms[0].<%= btn.ClientID %>.click();
   }
  }