window.open窗口居中和窗口最大化
2014-07-08 15:59
253 查看
1、window.open()参数
window.open(pageURL,name,parameters)
其中:
pageURL为子窗口路径
name为子窗口句柄
parameters为窗口参数(各参数用逗号分隔),如常用的
(yes/no也可使用1/0,在IE10中,toolbar、menubar等默认为no,所以需要显示时要设置为yes,尤其是scrollbars)
2、window.open()窗口居中
3、window.open()窗口最大化
如果写成这样:
结果会这样:
窗口铺满了整个屏幕,遮住了状态栏。不同操作系统状态栏高度不一,所以无法使screen.availHeight减去一个定值。
如果在新窗口的页面写成这样:
结果达到了效果:
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); }
结果达到了效果:
相关文章推荐
- window.open打开窗口时要使窗口去掉菜单栏、工具栏、标题栏,达到窗口最大化
- window.open 弹出居中窗口
- javascript:window.open 打开最大化窗口设置及详解
- open.window弹出窗口实现居中
- window.open打开一个窗口最大化
- window.open()弹出居中的窗口
- window.open居中显示,模式窗口
- 用window.open打开的新窗口如何居中弹出
- window.open()新窗口最大化
- window.open自适应父窗口并垂直居中
- javascript:window.open 打开最大化窗口设置及详解
- 打开新窗口的window.open使用方法以及最大化等问题解决方法汇总
- window.open打开一个居中的窗口
- window.open打开窗口并居中/js弹窗
- Javascript window.open让窗口居中的代码
- window.open()弹出居中的窗口
- window.open()弹出居中的窗口
- 在Javascript 中实现window.open弹出窗口居中显示
- 怎么弹出一个既不会被拦截,又是window.open方式实现的最大化弹出窗口?
- window.open打开窗口时要使窗口去掉菜单栏、工具栏、标题栏,达到窗口最大化