javascript之快顯視窗置中的代碼_javascript技巧

<script language="javascript"> function openWin(u, w, h) { var l = (screen.width - w) / 2; var t = (screen.height - h) / 2; var s = 'width=' + w + ', height=' + h + ', top=' + t + ', left=' + l; s += ', toolbar=no, scrollbars=no, menubar=no, location=no, resizable=no'; open(u, 'oWin', s); } </script> Test
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

javascript快顯視窗置中代碼

下面給兩個彈出螢幕置中視窗的例子

複製代碼 代碼如下:

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方式

複製代碼 代碼如下:

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");
}

注意這裡的第二個參數，window

使用者必須在這個彈出式表單中輸入資訊後才能訪問其他的表單是模態表單就是用第二個方法就好了

javascript快顯視窗置中四：

複製代碼 代碼如下:

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"
);
}

說明：500和750是寫入程式碼，可以通過參數傳入。