java基础65 JavaScript中的Window对象（网页知识）

时间：2023-07-12 18:33:02

1、javaScript组成部分

1、EMCAScript(基本语法)
    2、BOM(Browser Object Model)：浏览器对象模型
            浏览器对象模型中的浏览器的各个部分都是用一个对象进行描述的,如果我们要操作浏览器的一些属性,那么我们就可以通过浏览器对象模型对对象进行操作
    3、Windows：代表了一个新开的窗口
    4、location：代表了地址栏对象
    5、screen：代表整个屏幕对象

2、Window对象的常用方法

open()：打开新窗口.
    resizeTo()：将窗口的大小更改为指定的宽度和高度值。
    moveBy()：相对于原来的窗口移动指定的x,y值
    moveTo()：将窗口左上角的屏幕位置移动到指定的 x 和 y 位置。
    setInterval()：每经过指定毫秒值后计算一个表达式
    clearInterval()：根据一个任务的id来取消定时任务的。
    setTimeout()：进过指定毫秒数执行指定代码

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

3、实例

 <!doctype html>

 <html>

 <head>

 <meta charset="utf-8">

 <title>无标题文档</title>

 </head>

 <script type="text/javascript">

     function showAd(){

         for(var i=0;i<5;i++){

             window.open("媒体标签.html","_blank","height=400px,width=400px,toolbar=no,location=no,top=200px");

         }

     }

     setTimeout("showAd()",2000);

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

     function small(){

         window.resizeTo(300,200);

     }

     function move(){

         for(var i=0;i<5;i++){

         window.moveBy(50,0);

         window.moveBy(0,50);

         window.moveBy(-50,0);

         window.moveBy(0,-50);

         }

     }

     function move2(){

         window.moveTo(50,0);

     }

     function clearTest(){

         window.clearTest(id);

     }

 </script>

 <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>

 </html>

 //请用IE浏览器测试效果

原创作者：DSHORE

作者主页：http://www.cnblogs.com/dshore123/

原文出自：https://www.cnblogs.com/dshore123/p/9476714.html

欢迎转载，转载务必说明出处。（如果本文对您有帮助，可以点击一下右下角的 推荐，或评论，谢谢！）

相关文章