java基础65 JavaScript中的Window对象，网页知识
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、实例
1 <!doctype html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>无标题文档</title>
6 </head>
7 <script type="text/javascript">
8 function showAd(){
9 for(var i=0;i<5;i++){
10 window.open("媒体标签.html","_blank","height=400px,width=400px,toolbar=no,location=no,top=200px");
11 }
12 }
13 setTimeout("showAd()",2000);
14 //var showAd()",2000);
15
16 function small(){
17 window.resizeTo(300,200);
18 }
19
20 function move(){
21 for(var i=0;i<5;i++){
22 window.moveBy(50,0);
23 window.moveBy(0,50);
24 window.moveBy(-50,0);
25 window.moveBy(0,-50);
26 }
27 }
28
29 function move2(){
30 window.moveTo(50,0);
31 }
32
33 function clearTest(){
34 window.clearTest(id);
35 }
36 </script>
37
38 <body>
39 <input type="button" onClick="showAd()" value="下载电影"/>
40 <input type="button" onClick="small()" value="变小"/>
41 <input type="button" onClick="move()" value="移动(moveBy)"/>
42 <input type="button" onClick="move2()" value="移动(moveTo)"/>
43 <input type="button" onClick="clearTest()" value="取消定时任务"/>
44 </body>
45 </html>
46
47 //请用IE浏览器测试效果原创作者：DSHORE 作者主页：http://www.cnblogs.com/dshore123/ 原文出自：https://www.cnblogs.com/dshore123/p/9476714.html 欢迎转载，转载务必说明出处。（如果本文对您有帮助，可以点击一下右下角的 推荐，或评论，谢谢！） |
- 上一篇 »Java基础知识总结（超级经典）
- 下一篇 »TypeScript 面向对象基础知识