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');   
$(".btn-click-new-window").off("click").on("click",function () {
           //新界面地址  
           var url="/dcs/bigdata/hua_gong/hua_gong.html";
           //打开方式
           var tempwindow=window.open (url, '_blank',
                        'height=window.screen.height, width=window.screen.width,top=0,left=0, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no');
           tempwindow.moveTo(0,0);
           tempwindow.resizeTo(screen.width,screen.height);
 
})
 
 
//注释:
//moveTo() 方法可把窗口的左上角移动到一个指定的坐标
//resizeTo() 方法用于把窗口大小调整为指定的宽度和高度

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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值