首页 > 代码库 > window.open窗口居中和窗口最大化

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

2024-07-11 04:20:44   226人阅读

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 onl0ad=‘maxWin()‘>...function maxWin(){    window.top.moveTo(0,0);    window.top.resizeTo(screen.availWidth,screen.availHeight);}

结果达到了效果：

 

 

 


联系
我们