弹出新窗口，填写数据，提交后，关闭该弹出窗口，刷新父页面

最新推荐文章于 2019-07-19 19:35:33 发布

原创最新推荐文章于 2019-07-19 19:35:33 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #button #function #webform #object #html

博客介绍了父子窗口按钮事件的处理方法。父窗口按钮点击弹出子窗口，通过JavaScript的window.open实现；父窗口添加refresh函数用于刷新页面。子窗口按钮点击时，调用父窗口的refresh函数，然后关闭自身，借助JavaScript代码完成操作。

父窗口弹出子窗口的 button处理事件:
private void Button1_Click(object sender, System.EventArgs e)
  {
   Response.Write("<script language=javascript>window.open('WebForm1.aspx','', 'alwaysRaised=1,dependent=1,resizable=0,scrollbars,width=450,height=550');</script>");
  }
父窗口html代码添加如下javascript代码
<script language="javascript">
function refresh()
{
this.location = this.location;
}
</script>
子窗口关闭窗口的 button处理事件:
private void Button1_Click(object sender, System.EventArgs e)
{
StringBuilder scriptString = new StringBuilder();
scriptString.Append("<script language = javascript>");
scriptString.Append("window.opener.refresh();");

scriptString.Append( " window.focus();" );
scriptString.Append( " window.opener=null;" );
scriptString.Append( " window.close(); " );

scriptString.Append("</"+"script>");
Response.Write(scriptString.ToString());

// Response.Write("<script language=javascript>window.close()</script>");
}