jsp 中div居中_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 = $("

$(document.body).append(addDiv);   //添加一个蒙板作背景

window.showModalDialog(url, addDiv, params);

//运行到以上的就会弹出一个模式窗口，js代码会停止，直到你把模式窗口关掉，然后继续运行下面的代码

window.location.href="/jsps/myjsp.jsp";

}

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

//关闭时调用

function colseWin(){

window.close();

}