html window.open 居中,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‘);

结果会这样:

2d4853cb04b81e358ec7eedf4a60efc3.png

窗口铺满了整个屏幕,遮住了状态栏。不同操作系统状态栏高度不一,所以无法使screen.availHeight减去一个定值。

如果在新窗口的页面写成这样:

原窗口里:

window.open(‘../seeImg/imgs.html‘,‘‘,‘top=0,left=0,toolbar=no,menubar=no,location=no,status=no‘);

新窗口里:

.

.

.functionmaxWin(){

window.top.moveTo(0,0);

window.top.resizeTo(screen.availWidth,screen.availHeight);

}

结果达到了效果:

8bd81b88e10f2c9d228221f9014e230c.png

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值