打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
用 JavaScript 控制浏览器窗口大小
用 JavaScript 控制浏览器窗口大小
用 JavaScript 控制浏览器窗口大小:
     A:有时候,我们需要控制显示窗口的大小,这当然能够通过点击窗口右上角的控制按钮来实现。但是,能否在页面中通过链接来实现呢?答案是:能!请看下面的代码: 
       
       function Minimize() 
       { 
       window.innerWidth = 100; 
       window.innerHeight = 100; 
       window.screenX = screen.width; 
       window.screenY = screen.height; 
       alwaysLowered = true; 
       } 
       function Maximize() 
       { 
       window.innerWidth = screen.width; 
       window.innerHeight = screen.height; 
       window.screenX = 0; 
       window.screenY = 0; 
       alwaysLowered = false; 
       } 
       
       
       
  上面的代码包含 2 个函数,先来看看第 1 个。函数 Minimize 中使用 innerWidth 和 innerHeight 2 个命令在象素级别上控制窗口尺寸大小,这里将窗口设置为宽 100 高 
100。然后,设置窗口的起始位置,定位大小为屏幕的宽和高,这样,使用 alwaysLowered 命令就将窗口缩小并移动到了屏幕的右下角。触发事件是一个 JavaScript 链接 〈A 
HREF="javascript:onClick=Minimize()"〉Minimize〈/A〉。同时,上述代码可以用于设置屏幕的任何分辨率。 
  注意,当在页面上应用这个功能时,请将那 2 个触发事件的链接放置在页面的左上角,这样,当窗口缩小到右下角时,它们也不会消失。 
用 JavaScript 控制浏览器窗口大小


本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
javascript BOM
Window innerWidth 和 innerHeight 属性 | 菜鸟教程
你知道用js怎么绘制3D动画场景么
Threejs 加载 DAE 模型遇到关题汇总
用three.js在网页实现3D模型的展示
通过viewport缩放页面的代码
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服