温柔网

 找回密码
 注册
温柔网 文章 电脑技巧 常用软件 查看内容

用JavaScript控制浏览器窗口大小

2010-6-6 19:38| 发布者: jiama| 查看: 182| 评论: 0

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

最新评论

    24小时排行

      QQ|Archiver|手机版|小黑屋|温柔网 ( 浙ICP备13033583号-8 )

      GMT+8, 2025-7-17 09:58 , Processed in 0.030918 second(s), 21 queries .

      Powered by Discuz! X3.4

      Copyright © 2001-2021, Tencent Cloud.

      返回顶部