当前位置: 首页 > news >正文

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');   

参数解释:

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
http://www.lryc.cn/news/7223.html

相关文章:

  • VFIO软件依赖——VFIO协议
  • C/C++【内存管理】
  • 第8篇:Java编程语言的8大优势
  • STM32定时器实现红外接收与解码
  • 18- Adaboost梯度提升树 (集成算法) (算法)
  • zlink 介绍
  • C++之std::string的resize与reverse
  • 在.net中运用ffmpeg 操作视频
  • 05- 线性回归算法 (LinearRegression) (算法)
  • JAVA补充知识01之枚举enum
  • jenkins下配置maven
  • 春季开学即将到来!大学生活必备数码清单奉上
  • ubuntu18.04 天选2 R95900hx 3060显卡驱动安装
  • Harbor安装部署实战详细手册
  • 华为OD机试真题JAVA实现【箱子之形摆放】真题+解题思路+代码(20222023)
  • 华为OD机试 - 事件推送(Python)| 真题+思路+考点+代码+岗位
  • 【Linux】信号量
  • android-java同步方法和异步方法
  • Flask入门(5):请求和响应
  • 记进组后第五次组会汇报
  • nil Foundation的Placeholder证明系统(2)
  • QHash源码解读
  • 【Unity细节】RigidBody中Dynamic和Kinematic的区别
  • 【C++、数据结构】哈希 — 闭散列与哈希桶的模拟实现
  • vue 开发环境 卸载node 版本 切换新的 node 版本 mac电脑
  • 在Linux和Windows上安装Nacos-2.1.1
  • 解决QML debugging is enabled.Only use this in a safe environment.警告
  • 华为OD机试真题JAVA实现【N进制减法】真题+解题思路+代码(20222023)
  • ACM第一周---周训---题目合集.
  • SCI学术论文的基本架构,以及Results、Discussion、Conclusion这三者的区别