日期:2014-05-16  浏览次数:20329 次

JavaScript应用技巧-控制窗口大小
< 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和innerHeight2个命令在象素级别上控制窗口尺寸大小,这里将窗口设置为宽100高100。然后,设置窗口的起始位置,定位大小为屏幕的宽和高,这样,使用alwaysLowered命令就将窗口缩小并移动到了屏幕的右下角。触发事件是一个JavaScript链接< A HREF="javascript:onClick=Minimize()">Minimize< /A > 。同时,上述代码可以用于任何分辨率设置的屏幕。   

?注意,当在页面上应用这个功能时,请将那2个触发事件的链接放置在页面的左上角,这样,当窗口缩小到右下角时,它们也不会消失。