Javaweb中JavaScript的window对象

最新推荐文章于 2023-08-04 08:31:02 发布

程序员-小明

最新推荐文章于 2023-08-04 08:31:02 发布

阅读量988

点赞数

本文链接：https://blog.csdn.net/qq_15124475/article/details/53462611

版权

<head>
<script type="text/javascript">

javascript组成部分：
EMCAScript（基本语法）
BOM( Browser Object MOdel) 浏览器对象模型.
浏览器对象模型中把浏览器的各个部分都是用了一个对象进行描述，如果我们要
操作浏览器的一些属性，我就可以通过浏览器对象模型的对象进行操作。

window  代表了一个新开的窗口
location 代表了地址栏对象。
screen  代表了整个屏幕的对象

window对象常用的方法：

open()   打开一个新的窗口。
resizeTo() 将窗口的大小更改为指定的宽度和高度值。
moveBy()  相对于原来的窗口移动指定的x、y值。 
moveTo() 将窗口左上角的屏幕位置移动到指定的 x 和 y 位置。 

setInterval() 每经过指定毫秒值后就会执行指定的代码。
clearInterval() 根据一个任务的ID取消的定时任务。
setTimeout() 经过指定毫秒值后执行指定的代码一次。

注意： 使用window对象的任何属性与方法都可以省略window对象不写的。

    function showAd(){
            open("ad.html","_blank","height=400px,width=400px,toolbar=no,location=no,top=200px");       
    }

    setTimeout("showAd()",2000);

    //var id = window.setInterval("showAd()",2000);


    function small(){
        resizeTo(300,200); //相对于原本窗口改变指定的大小。    
    }


    function move(){
        for(var i = 0 ; i<100 ; i++){
            window.moveBy(50,0); // 相对于原来的窗口移动指定的x、y值。  
            moveBy(0,50);
            window.moveBy(-50,0);
            window.moveBy(0,-50);
        }
    }

    function move2(){
        window.moveTo(500,200); 
    }




    function clearTest(){
        window.clearInterval(id);   
    }


</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
    <input type="button" onclick="showAd()" value="下载"/>
    <input type="button" onclick="small()" value="变小"/>
    <input type="button" onclick="move()" value="moveBy"/>
     <input type="button" onclick="move2()" value="moveTo"/>
      <input type="button" onclick="clearTest()" value="取消定时任务"/>

</body>

程序员-小明

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Javaweb中JavaScript的window对象

<head><script type="text/javascript">javascript组成部分： EMCAScript（基本语法） BOM( Browser Object MOdel) 浏览器对象模型. 浏览器对象模型中把浏览器的各个部分都是用了一个对象进行描述，如果我们要操作浏览器的一些属性，我就可以通过浏览器对象模型的对象进行操作。window 代表了一个新
复制链接

扫一扫