window.open窗口居中和窗口最大化


1、window.open()參數

window.open(pageURL,name,parameters)

其中:

pageURL為子窗口路徑

name為子窗口句柄

parameters為窗口參數(各參數用逗號分隔),如常用的

'height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no,titlebar=no'

yes/no也可使用1/0,在IE10中,toolbar、menubar等默認為no,所以需要顯示時要設置為yes,尤其是scrollbars)

2、window.open()窗口居中

var l=(screen.availWidth-500)/2;
var t=(screen.availHeight-300)/2;        
window.open('../seeImg/imgs.html','newWin','width=500,height=300,top='+t+',left='+l+',toolbar=no,menubar=no,location=no,status=yes');

3、window.open()窗口最大化

如果寫成這樣:

var w=screen.availWidth;
var h=screen.availHeight;        
window.open('../seeImg/imgs.html','','width='+w+',height='+h+',top=0,left=0,status=yes');

結果會這樣:

窗口鋪滿了整個屏幕,遮住了狀態欄。不同操作系統狀態欄高度不一,所以無法使screen.availHeight減去一個定值。

如果在新窗口的頁面寫成這樣: 

原窗口里:
window.open('../seeImg/imgs.html','','top=0,left=0,toolbar=no,menubar=no,location=no,status=no');

新窗口里:
<body onload='maxWin()'>
.
.
.
function maxWin(){
    window.top.moveTo(0,0);
    window.top.resizeTo(screen.availWidth,screen.availHeight);
}

結果達到了效果:

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM