windows.open全屏打开界面

window.open一般用法如下:

window.open ('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no') 

对于以上参数的解释:

window.open   弹出新窗口的命令;   
  'page.html'   弹出窗口的文件名;   
  'newwindow'   弹出窗口的名字(不是文件名),非必须,可用空''代替;   
  height=100   窗口高度;   
  width=400   窗口宽度;   
  top=0   窗口距离屏幕上方的象素值;   
  left=0   窗口距离屏幕左侧的象素值;   
  toolbar=no   是否显示工具栏,yes为显示;   
  menubar,scrollbars   表示菜单栏和滚动栏。   
  resizable=no   是否允许改变窗口大小,yes为允许;   
  location=no   是否显示地址栏,yes为允许;   
  status=no   是否显示状态栏内的信息(通常是文件已经打开),yes为允许; 

那么如何能全屏打开呢?网上大多介绍了fullscreen 这个参数,可惜我试的时候并不起作用。仅仅依靠以上介绍的参数就可以做到全屏打开。我们只需要获取屏幕的大小就行了。

window.open ('page.html','newwindow','width='+(window.screen.availWidth-10)+',height='+(window.screen.availHeight-30)+ ',top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')

其中window.screen.availHeight获取高度,window.screen.availWidth获取屏幕宽度。

参考:https://www.cnblogs.com/shenyixin/p/5692533.html

猜你喜欢

转载自blog.csdn.net/lwgkzl/article/details/81279311
今日推荐