在当前页面打开一个固定的窗口（页面）：这种方式弹出来的窗口进行表单提交可更新父类窗口

Posted 岁月如歌，往事随风

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了在当前页面打开一个固定的窗口（页面）：这种方式弹出来的窗口进行表单提交可更新父类窗口相关的知识，希望对你有一定的参考价值。


//打开窗口的集合
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>

效果图：

 

以上是关于在当前页面打开一个固定的窗口（页面）：这种方式弹出来的窗口进行表单提交可更新父类窗口的主要内容，如果未能解决你的问题，请参考以下文章

js跳转页面在新选项卡中打开

怎么点击确定按钮关闭当前窗口，并返回父页面，并且父页面刷新。

防止浏览器在历史记录中存储当前页面

如何使用 HREF 标签打开一个固定大小的弹出窗口？

jquery如何弹出一个新页面？

使用js或者C#怎么实现下载弹出页面中的下载框的方式下载文件？