javascript关闭弹出窗口时刷新父窗口和居中显示弹出窗

来源:互联网 发布:二手mac pro工作站 编辑:程序博客网 时间:2024/06/05 05:03

居中显示用到了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>


1 0