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


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



  • 相关阅读:
    javascript,函数声明和函数表达式
    javascript,小数值舍入操作方法:ceil()、floor()、round()
    javascript,子字符串操作方法:Slice()、Substr()、Substring()的区别
    javascript,第一个基于node.js的Http服务
    javascript,创建对象的3种方法
    MFC学习笔记2——MFC和Win32
    Qt下 QString转char*
    [转载] Qt程序在Windows下的mingw发布
    VC 获取当前时间
    MFC 对话框设计问题(控件的使用)
  • 原文地址:https://www.cnblogs.com/slgkaifa/p/7229113.html
Copyright © 2020-2023  润新知