window.open()打开窗口全屏

 window.open ('page.html', 'page', 'height=100width=400top=0left=0toolbar=nomenubar=noscrollbars=noresizable=no,location=n o, status=nofullscreen=yes');    

 

参数解释:     

  window.open()  弹出新窗口的命令;    

  'page.html'  弹出窗口的文件名;    

  'page'  弹出窗口的名字(不是文件名),非必须,可用空 '' 代替;

       【注意:如果要在同一个页面中使用window.open( )打开多个窗口,'page' 要用空('')或者'_blank'代替,否则只能打开一个窗口。 】    

  height=100  窗口高度;    

  width=400  窗口宽度;    

  top=0  窗口距离屏幕上方的象素值;    

  left=0  窗口距离屏幕左侧的象素值;    

  toolbar=no  是否显示工具栏,yes为显示;    

  menubar=no    是否显示菜单栏   

       scrollbars=no  是否显示滚动栏

      【注意: 如果属性fullscreen=yes,则scrollbars=no 没用,必须要设置page.html的<body scroll=no>,才有用!】  

  resizable=no  是否允许改变窗口大小,yes为允许;    

  location=no  是否显示地址栏,yes为允许;    

  status=no  是否显示状态栏内的信息(通常是文件已经打开),yes为允许;    

       fullscreen=yes  是否全屏显示,no为不是。 此属性会影响scrollbars属性。

       【请小心使用全屏模式,因为在这种模式下,浏览器的标题栏和菜单栏都被隐藏,所以你应该提供一个按钮或者其他可视的线索来帮助用户关闭这个窗口。当然,使用热键ALT+F4也能关闭这个窗口,但用户未必知道,请考虑周全。】

如果你既想使网页全屏,又不想让标题栏隐藏从而[ 最小化/最大化/关闭 ]按钮消失那么可以尝试下面的方法:

在打开的page.html页面里加入以下JS:

<SCRIPT language="JavaScript">
setTimeout('window.moveTo(0,0)',50);
setTimeout('window.resizeTo(screen.availWidth,screen.availHeight)',50); 

//如果想和最大化效果看起来没有一丝差距,还需要调整一下(0,0)、screen.availWidth和screen.availHeight;
//(0,0)可以改成(-4,-4)等;screen.availWidth和screen.availHeight可以都加上一个比较小的合适数值;
//具体加减多少得慢慢试,可能不同浏览器和机器不一样,如果要求不严格,可以无视这点差别。
</script>

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值