Javascript彈出窗口居中代碼

下面給兩個(gè)彈出屏幕居中窗口的例子

復(fù)制代碼 代碼如下:
window.open()方式
function ShowDialog(url) {
var iWidth=300; //窗口寬度
var iHeight=200;//窗口高度
var iTop=(window.screen.height-iHeight)/2;
var iLeft=(window.screen.width-iWidth)/2;
window.open(url,"Detail","Scrollbars=no,Toolbar=no,Location=no,Direction=no,Resizeable=no,
Width="+iWidth+" ,Height="+iHeight+",top="+iTop+",left="+iLeft);
}

window.showModalDialog方式

復(fù)制代碼 代碼如下:
function ShowDialog(url) {
var iWidth=300; //窗口寬度
var iHeight=200;//窗口高度
var iTop=(window.screen.height-iHeight)/2;
var iLeft=(window.screen.width-iWidth)/2;
window.showModalDialog(url,window,"dialogHeight: "+iHeight+"px; dialogWidth: "+iWidth+"px;
dialogTop: "+iTop+"; dialogLeft: "+iLeft+"; resizable: no; status: no;scroll:no");
}

注意這里的第二個(gè)參數(shù)，window

用戶(hù)必須在這個(gè)彈出式窗體中輸入信息后才能訪(fǎng)問(wèn)其他的窗體是模態(tài)窗體就是用第二個(gè)方法就好了

Javascript彈出窗口居中四：

復(fù)制代碼 代碼如下:
function selectCustomer(){
var iTop = (window.screen.availHeight-30-500)/2;
var iLeft = (window.screen.availWidth-10-750)/2;
window.open("../customer/creditApprManage.do?method=toGetCustomer",
"searchCorp",
"height=500,width=750,top="+iTop+",left="+iLeft+",toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no"
);
}

說(shuō)明：500和750是硬編碼，可以通過(guò)參數(shù)傳入。

JavaScript技術(shù)：javascript之彈出窗口居中的代碼，轉(zhuǎn)載需保留來(lái)源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。