居中显示用到了moveTO()方法;
关闭弹出窗时刷新父窗体用到了window.opener方法;
父窗体代码例如以下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="弹出窗体.aspx.cs" Inherits="弹出窗体" %> <!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 runat="server"> <title></title> <script type="text/javascript"> function cc() { var hdc = window.open('ChildWin.aspx', '弹出框', 'width=900,height=450,top=300,left=300'); width = screen.width; height = screen.height; hdc.moveTo((width - 900)/2,(height-450)/2);//居中显示 } </script> </head> <body > <form id="form1" runat="server"> <div> <input id="Button1" type="button" value="button" onclick="cc()"/></div> </form> </body> </html>
子窗体代码例如以下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ChildWin.aspx.cs" Inherits="ChildWin" %> <!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 runat="server"> <title></title> <script type="text/javascript"> function myCheck() { alert("关闭子窗体!"); window.opener.location.reload(); window.close(); } </script> </head> <body> <form id="form1" runat="server"> <div> <asp:BulletedList ID="BulletedList1" runat="server" Width="526px"> <asp:ListItem>1</asp:ListItem> <asp:ListItem>2</asp:ListItem> <asp:ListItem>3</asp:ListItem> <asp:ListItem>4</asp:ListItem> <asp:ListItem>5</asp:ListItem> <asp:ListItem>6</asp:ListItem> <asp:ListItem>7</asp:ListItem> <asp:ListItem>8</asp:ListItem> </asp:BulletedList> <br /> <input id="Button1" type="button" value="关闭" onclick="myCheck()"/></div> </form> </body> </html>