window.open()打开窗口全屏

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

https://local.blog.csdn.net/article/details/106638064

参数解释:

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的,才有用!】

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>
 
原文链接:https://blog.csdn.net/u014157656/article/details/84601009

你可能感兴趣的:(前端,前端,css,javascript,html,es6)