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 id=window.setInterval("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 欢迎转载,转载务必说明出处。(如果本文对您有帮助,可以点击一下右下角的 推荐,或评论,谢谢!) |