zoukankan      html  css  js  c++  java
  • 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>



  • 相关阅读:
    缓存淘汰算法系列(二)
    Working Set缓存算法(转)
    缓存淘汰算法系列(一)
    面对强制加班,程序员们,你们该怎么做
    浅谈设计模式之工厂类模式由简单到复杂的演变
    报童、钱包和迪米特法则(设计模式迪米特原则经典论文翻译)
    记一次nginx热升级踩的坑
    mysql的瑞士军刀Percona Toolkit的安装及使用。
    linux下通过grep分析慢日志的前后几行
    Linux下LDAP统一认证解决方案
  • 原文地址:https://www.cnblogs.com/slgkaifa/p/7229113.html
Copyright © 2011-2022 走看看