用 javascript 控制浏览器窗口大小

  Q:用 JavaScript 控制浏览器窗口大小
  A:有时候,我们需要控制显示窗口的大小,这当然能够通过点击窗口右上角的控制按钮来实现。但是

,能否在页面中通过链接来实现呢?答案是:能!请看下面的代码:
      〈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=“javascript:onClick=Minimize()“〉Minimize〈/A〉
      〈A HREF=“javascript:onClick=Maximize()“〉Maximize〈/A〉
  上面的代码包含 2 个函数,先来看看第 1 个。函数 Minimize 中使用 innerWidth 和 innerHeight

2 个命令在象素级别上控制窗口尺寸大小,这里将窗口设置为宽 100 高 100。然后,设置窗口的起始位

置,定位大小为屏幕的宽和高,这样,使用  alwaysLowered 命令就将窗口缩小并移动到了屏幕的右下角

。触发事件是一个 JavaScript 链接 〈A HREF= “javascript:onClick=Minimize()“〉Minimize〈/A〉

。同时,上述代码可以用于设置屏幕的任何分辨率。
  注意,当在页面上应用这个功能时,请将那 2 个触发事件的链接放置在页面的左上角,这样,当窗口

缩小到右下角时,它们也不会消失
 

你可能感兴趣的:(随笔,javascript,浏览器,function)