zoukankan      html  css  js  c++  java
  • 在当前页面打开一个固定的窗口(页面):这种方式弹出来的窗口进行表单提交可更新父类窗口


    //
    打开窗口的集合 var openerList = new Array(); function ShowDialog(title,url,width,height,top,left) { var clone = new Array(); for(var i =0;i<openerList.length;i++){ var win = openerList[i]; if(win!=null && !win.closed){ clone.push(win); } } openerList = clone; for(var i =0;i<openerList.length;i++){ var win = openerList[i]; if(win.name == title){ win.close(); break; } } width = width == null?600:width; height = height == null?600:height; var top2 = parseInt(top); var left2 = parseInt(left); if(isNaN(top2)){ top2=0; } if(isNaN(left2)){ left2 = 0; } var topWindow = window; while(topWindow.opener!=null){ topWindow = topWindow.opener } top2 += ($(topWindow).height()-height)/2; //获得窗口的垂直位置; left2 += ($(topWindow).width()-width)/2; //获得窗口的水平位置; var opener = window.open(url, title,'width='+width+' , height='+height+', top='+top2+', left='+left2+', toolbar=no, menubar=no,scrollbars=yes, resizable=yes,location=yes, status=no'); openerList.push(opener); return opener; } function OpenInfo(key){ ShowDialog("add",'https://www.baidu.com/',990,575,0,0,true); }

    html代码

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>登入</title>
        <script type="text/javascript" src="jquery-3.3.1.min.js"></script>
        <script type="text/javascript">
        //打开窗口的集合
        var openerList  = new Array();
        function ShowDialog(title,url,width,height,top,left)
        {
    
            var clone = new Array();
            for(var i =0;i<openerList.length;i++){
                var win = openerList[i];
                if(win!=null && !win.closed){
                    clone.push(win);
                }
            }
            openerList = clone;
            for(var i =0;i<openerList.length;i++){
                var win = openerList[i];
                if(win.name == title){
                    win.close();
                    break;
                }
            }
            
            width = width == null?600:width;
            height = height == null?600:height;
            
            var top2 = parseInt(top);
            var left2 = parseInt(left);
            
            if(isNaN(top2)){
                top2=0;
            }
            
            if(isNaN(left2)){
                left2 = 0;
            }
            var topWindow = window;
            
            while(topWindow.opener!=null){
               topWindow = topWindow.opener
            }
            
            top2 += ($(topWindow).height()-height)/2; //获得窗口的垂直位置;
            left2 += ($(topWindow).width()-width)/2; //获得窗口的水平位置;
            
    
            var opener = window.open(url, title,'width='+width+' , height='+height+', top='+top2+', left='+left2+', toolbar=no, menubar=no,scrollbars=yes, resizable=yes,location=yes, status=no');
    
            openerList.push(opener);
            return opener; 
        }
    
        function OpenInfo(key){
            ShowDialog("add",'https://www.baidu.com/',990,575,0,0,true);
        }
        </script>
    </head>
    <body>
      <a id="addInfo" class="easyui-linkbutton l-btn" iconcls="icon-add" href="javascript:OpenInfo()" group=""><span class="l-btn-left"><span class="l-btn-text icon-add l-btn-icon-left">添加信息</span></span></a>
    </body>
    </html>

    效果图:

  • 相关阅读:
    cocos2d-x ios 设置横屏/竖屏(全)
    决策树之ID3算法实现(python)
    基于Spring开发的DUBBO服务接口测试
    Mac电脑下配置maven环境变量
    Mac Eclipse+Maven+TestNg+ReportNg 生成测试报告
    TestNG+Maven+IDEA环境搭建
    115个Java面试题和答案——终极列表(上)
    115个Java面试题和答案——终极列表(下)
    阿里巴巴常考面试题及汇总答案
    阿里面试回来,想和Java程序员谈一谈
  • 原文地址:https://www.cnblogs.com/ysq2018China/p/10287133.html
Copyright © 2011-2022 走看看