jsp页面弹出模式窗口（带蒙板，居中）

首先约定以下两个词：原窗口——父窗口；弹出的模式窗口——子窗口。

 

在父窗口点击某个按钮或者超练级会触发以下js方法：

//打开时调用
    function editPassword(url,w,h) {      //url是你模式窗口对应的页面，w、h分别是模式窗口的高度和宽度
        var iTop2 = (window.screen.availHeight - 20 - h) / 2;
        var iLeft2 = (window.screen.availWidth - 10 - w) / 2;
        var params = 'menubar:no;dialogHeight=' + h + 'px;dialogWidth=' + w + 'px;dialogLeft=' + iLeft2 + 'px;dialogTop=' + iTop2 + 'px;resizable=yes;scrollbars=0;resizeable=0;center=yes;location:no;status:no';
       
        var addDiv = $("<div id = 'tempDiv' style='left:0px;top:0px;position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.4)!important;filter:alpha(opacity = 40);background:#000;z-index:1000;'></div>");
        $(document.body).append(addDiv);   //添加一个蒙板作背景
        window.showModalDialog(url, addDiv, params);

        //运行到以上的就会弹出一个模式窗口，js代码会停止，直到你把模式窗口关掉，然后继续运行下面的代码
        window.location.href="/jsps/myjsp.jsp";
    }

 

在子窗口中也可以添加一个“关闭”按钮，出发下面的js方法：

//关闭时调用
     function colseWin(){
         window.close();
     }