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、实例

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

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

上一篇:CF# Educational Codeforces Round 3 E. Minimum spanning tree for each edge


下一篇:JavaScript中的window对象