浏览器对象的使用(window对象)资料.docx

浏览器对象的使用（window对象）window对象是BOM的核心，window对象指当前的浏览器窗口。window对象方法:注意:在JavaScript基础篇中，已讲解了部分属性，window对象重点讲解计时器。1、JavaScript 计时器在JavaScript中，我们可以在设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。计时器类型：一次性计时器：仅在指定的延迟时间之后触发一次。间隔性触发计时器：每隔一定的时间间隔就触发一次。计时器方法：?2、计时器setInterval()在执行时,从载入页面后每隔指定的时间执行代码。clearInterval() 方法可取消由 setInterval() 设置的交互时间。语法:setInterval(代码,交互时间); //计时器clearInterval(id_of_setInterval)//取消计时器参数说明：代码：要调用的函数或要执行的代码串。交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。3.id_of_setInterval：由 setInterval() 返回的 ID 值。返回值:一个可以传递给 clearInterval() 从而取消对代码的周期性执行的值。调用函数格式(假设有一个clock()函数):setInterval(clock(),1000)或setInterval(clock,1000)我们设置一个计时器，每隔100毫秒调用clock()函数，并将时间显示出来，代码如下:script type=text/javascript var int=setInterval(clock, 100) function clock(){ var time=new Date(); document.getElementById(clock).value = time; }/script每隔 100 毫秒调用 clock() 函数,并显示时间。当点击按钮时，停止时间,代码如下:script type=text/javascript function clock(){ var time=new Date(); document.getElementById(clock).value = time; }// 每隔100毫秒调用clock函数，并将返回值赋值给i var i=setInterval(clock(),100);/script3、计时器setTimeout()setTimeout()计时器，在载入后延迟指定时间后,去执行一次表达式,仅执行一次。setTimeout()和clearTimeout()一起使用，停止计时器。语法:setTimeout(代码,延迟时间);clearTimeout(id_of_setTimeout)参数说明：1.要调用的函数或要执行的代码串。延时时间：在执行代码前需等待的时间，以毫秒为单位（1s=1000ms)。3.id_of_setTimeout：由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。当我们打开网页3秒后，在弹出一个提示框，代码如下:script type=text/javascript setTimeout(alert(Hello!), 3000 );/script当按钮start被点击时，setTimeout()调用函数，在5秒后弹出一个提示框。script type=text/javascriptfunction tinfo(){ var t=setTimeout(alert(Hello!),5000); }/scriptform input type=button value=start onClick=tinfo()/form要创建一个运行于无穷循环中的计数器，我们需要编写一个函数来调用其自身。在下面的代码，当按钮被点击后，输入域便从0开始计数。script type=text/javascriptvar num=0;function numCount(){ document.getElementById(txt).value=num; num=num+1; setTimeout(numCount(),1000); }/scriptforminput type=text id=txt /input type=button value=Start onClick=numCount() //form下面的例子和上节的无穷循环的例子相似。唯一不同是，现在我们添加了一个 Stop 按钮来停止这个计数器：script type=text/javascr