JavaScript Window对象属性方法及定时器应用.pdfVIP

昨日回顾

BOM对象：window、history、screen、navior、location

Window对象常用的属性

有效窗口的尺寸：innerWidth和innerHeight

窗口的总宽度和总高度：outerWidth和outerHeight

当前窗口在屏幕中的位置坐标：screenX和screenY

在框架中，代表不同层次的窗口：self、parent、top

Window对象常用方法

定时器：setTimeout()和clearTimeout()

特点：延迟执行－次。如果要实现循环，在函数中再次调用函数。

FunctionshowTime()

{

Varbox=document.getElementById(“box”)

box.innerHTML=str;

//setTimeout(“showTime()”,1000);//在函数中调用函数，可以实现周期调用

}

setTimeout(“showTime()”,1000);//在函数外，只调用一次

定时器：setInterval()和clearInterval()

特点：是周期性执行（重复执行）

FunctionshowTime()

{

Varbox=document.getElementById(“box”)

box.innerHTML=str;

}

setInterval(“showTime()”,1000);//在函数外，调用showTime()函数，是周期性的调用

打开一个浏览器窗口：open(URL,name,options)

varurl=“”;//如果URL为空，将弹出一个空白窗口，如果是一个地址，将地址页面显示在新窗口中。

varname=“newWin”;//设置超的打开目标

varoptions=“width=400,height=300,left=0,top=0,toolbar=no”;

varwin2=window.open(url,name,options);//返回一个window对象，window对象的所有属性和方法都可以用

滚动网页内容：

scrollBy(x,y)：相对滚动到一个坐标值。总是在上一次滚动的基础上，进行再滚动。

scrollTy(x,y)：绝对滚动。设置一个绝对固定值。

昨日回顾

BOM对象：窗口、记录、屏幕、导航器、位置

Window对象常用的属性有效窗口的尺寸:

innerWidth和innerHeight窗口的总宽度和总高

度:outerWidth和outerHeight当前窗口在屏幕中

的位置坐标:screenX和screenY在框架中,代表

不同层次的窗口:self、parent、top

窗口对象使用方法

定时器：setTimeout()和clearTimeout()特点：延迟执行次。如果要实现循环，在

函数中再次调用函数。FunctionshowTime(){varbox=

document.getElementById(“box”)box.innerHTML=str;

//setTimeout(“showTime()”,1000);//在函数中调用函数，可以实现周期调

用}setTimeout(“showTime()”,1000);//在函数外，只调用一次

定时器:setInterval()和clearInterval()特点：是循环执行(重复执行)Function

showTime(){Varboxdocument.getElementById(“box”)

box.innerHTML=str;setInterval(“showTime(