窗口动态增大

练习window对象resizeTo()方法的使用；

resizeTo(x , y)：绝对方式改变窗口大小，使窗口大小调整到宽x个像素，高y个像素；

在html网页中嵌入下面JavaScript脚本：

Code:

1. function AutoWin()   
2.  {   
3.   var heightSpeed=3;                         /*y轴增长速度*/  
4.   var widthSpeed=5.52845528;                 /*x轴增长速度*/  
5.   var winWidth=window.screen.availWidth;     /*获取屏幕宽度*/  
6.   var winHeight=window.screen.availHeight;   /*获取屏幕高度*/  
7.   var sizer=window.open("001.html","001","left=0,top=0,width=2,height=2,scrollbars=no");   
8.   for(sizeHeight=2,sizeWidth=2;sizeHeight<winHeight,sizeWidth<winWidth;sizeHeight+=heightSpeed,sizeWidth+=widthSpeed)   
9.   {   
10.    sizer.resizeTo(sizeWidth,sizeHeight);   
11.   }   
12.  }   

 然后再body部分添加一个连接或者按钮，在其单击事件中调用此函数即可：

<a href="001.html" οnclick="AutoWin()">单击测试效果</a>

说明：

heightSpeed / widthSpeed = winWidth / winHeight，为了让001.html增大同时到达屏幕的右下角。