本實例主要是應用 window 對象的 open（）方法來打開一個已有的窗口，用 screen 對象的 availHeight 屬性來獲取屏幕可工作區(qū)域的高度，用 moveTo（）和 resizeTo（）方法來指定窗口的位置及大小，并用 resizeBy（）方法使窗口逐漸變大，直到窗口大小與屏幕的工作區(qū)大小相同。下面對 window 對象的 moveTo（）、resizeTo（）和 resizeBy（）分發(fā)分別進行介紹。

moveTo 方法

window.moveTo(x,y)

參數(shù)說明。

x:窗口左上角的x坐標。
y:窗口左上角的y坐標。

功能：將窗口移動到指定坐標處。

resizeTo（）方法

window.resizeTo(x,y)

參數(shù)說明如下。

x:窗口的水平寬度。
y:窗口的垂直寬度。

功能：將當期窗口改變成（x,y）大小，x,y 分別為寬度和高度。

resizeBy（）方法。

window.resizeBy(x,y)

參數(shù)說明如下。

x:放大或縮小的水平寬度。
y:放大或縮小的垂直寬度。

功能：將當前窗口改變到指定的大小（x,y），當 x、y 的值大于 0 是為擴大，小于 0 時為縮小。

實現(xiàn)過程

1.彈出的窗口 new.html

<html>  
<head>  
<meta charset="utf-8" />  
<title>彈出的窗口</title>  
<style type="text/css">  
body{  
    background-image:url(new.jpg);  
    background-repeat:no-repeat;  
    }  
</style>  
</head>  
<body>  
</body>  
</html>

2.實現(xiàn)功能的主窗口 index.html

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8"/>  
    <title></title>  
    <script type="text/javascript">  
    var winheight,winsize,x,win2;  
    function go1()  
    {  
        winheight = 100;  
        winsize = 100;  
        x = 5;  
        win2 = window.open("new.html","","scrollbars='no'");  
        win2.moveTo(0.0);  
        win2.resizeTo(100,100);  
        go2();  
    }  
    function go2()  
    {  
        if (winheight>=screen.avaiHeight-3)   
        {  
            x=0;  
        }  
        win2.resizeBy(5,x);  
        winheight+=x;  
        winsize+=5;  
        if(winsize>=screen.width-5)  
        {  
            return;  
        }  
        setTimeout("go2()",50);  
    }  
    </script>  
</head>  
<body>  
    <a href="javascript:go1()">打開</a>  
</body>  
</html>

上一篇：網(wǎng)頁拾色器下一篇：彈出的窗口之 Cookie 控制

在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

打開窗口特殊效果

實例說明

技術要點