javascript之彈出窗口居中的代碼
更新時間:2007年08月24日 22:49:39 作者:
有時候我們在網頁制作過程中需要彈出窗口,一般情況下,我們更希望窗口可以居中顯示
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
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
用戶必須在這個彈出式窗體中輸入信息后才能訪問其他的窗體是模態(tài)窗體就是用第二個方法就好了
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是硬編碼,可以通過參數傳入。
相關文章
firefox事件處理之自動查找event的函數(用于onclick=foo())
在ie中,事件對象是作為一個全局變量來保存和維護的。 所有的瀏覽器事件,不管是用戶觸發(fā)的,還是其他事件, 都會更新window.event 對象。2010-08-08
JavaScript高級程序設計 閱讀筆記(二十) js錯誤處理
語法錯誤,也稱解析錯誤,發(fā)生在傳統(tǒng)語言的編譯時,在JavaScript中發(fā)生在解釋時,運行時錯誤也稱為異常(exception,在編譯期/解釋器后)2012-08-08
通用于ie和firefox的函數 GetCurrentStyle (obj, prop)
通用于ie和firefox的函數 GetCurrentStyle (obj, prop)...2006-12-12

