码迷,mamicode.com
首页 > Windows程序 > 详细

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

时间:2014-07-09 19:35:19      阅读:403      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   使用   width   

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‘);

结果会这样:bubuko.com,布布扣

窗口铺满了整个屏幕,遮住了状态栏。不同操作系统状态栏高度不一,所以无法使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);
}

结果达到了效果:

bubuko.com,布布扣

 

 

 

window.open窗口居中和窗口最大化,布布扣,bubuko.com

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

标签:style   blog   http   color   使用   width   

原文地址:http://www.cnblogs.com/yigeqi/p/3831598.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!