resizeTo（）- 会移动的窗口

最新推荐文章于 2022-01-04 07:52:02 发布

原创最新推荐文章于 2022-01-04 07:52:02 发布 · 1.9w 阅读

0 ·

CC 4.0 BY-SA版权

web 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的窗口操作示例，通过resizeTo()和moveTo()方法改变窗口的大小和位置。示例代码展示了如何使窗口在浏览器中自动移动。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

resizeTo()

定义：resizeTo() 方法用于把窗口大小调整为指定的宽度和高度
语法：resizeTo(width,height)
width 必需。想要调整到的窗口的宽度。以像素计。
height 可选。想要调整到的窗口的高度。以像素计。

moveTo()

定义：moveTo() 方法可把窗口的左上角移动到一个指定的坐标。
语法：window.moveTo(x,y)
x 窗口新位置的 x 坐标
y 窗口新位置的 y 坐标

<!DOCTYPE html>
<html>
    <head>
        <title>会移动的窗口</title>
    </head>
    <body onresize=resizeTo(300,300)>
        <script type="text/javascript">
            window.resizeTo(300,300);
            window.moveTo(0,0);
            inter=setInterval("go()",1);
            var aa=0;/*窗口移动的水平方向*/
            var bb=0;/*窗口移动的垂直方向*/
            var a=0;/*窗口移动的x坐标值*/
            var b=0;/*窗口移动的y坐标值*/
            function  go(){
                try{
                    if(aa==0)
                    a=a+2;
                    if(a>screen.availWidth-300)
                    aa=1;
                    if(aa==1)
                    a=a-2;
                    if(a==0)
                    aa=0;
                    if(bb==0)
                    b=b+2;
                    if(b>screen.availHeight-300)
                    bb=1;
                    if(bb==1)
                    b=b-2;
                    if(b==0)
                    bb=0;
                    window.moveTo(a,b);
                }catch(e){
                }
            }
        </script>
        会移动的窗口
    </body>
</html>