javascript学习----window对象的学习与总结

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript学习----window对象的学习与总结相关的知识,希望对你有一定的参考价值。

 一   BOM:浏览器对象模型,提供了很多对象,用于对浏览器的功能进行访问,浏览器本身自己就有一些对象,不需要创建。

BOM的核心对象是window,它是浏览器的一个实例。   

 二.(1Window:的常用属性:

          (1status

            (2)opener

            (3)closed

        的常用方法:

            (1alert();

            (2confirm();

            (3setInterval();

            (4clearInterval();

            (5setTimeout();

            (6clearTimeout();

            (7open();

其他都是对象里面的子对象,如:document,frames,location,history,screen.....

  (2)常用方法简单用法

      a)Confirm使用如图(1):经常用需要用户删除的地方,防止用户误操作。

技术分享 

        效果图如(2

技术分享 

确认删除的话,点击确定,则执行if下面的语句,或是取消则执行else的语句,这个可以根据实际情况写。使用起来比较简单。

    b)setInterval()clearInterval()的简单使用:

setInterval函数作用是在播放动画的时,在指定的周期来调用函数,方法或对象。setInterval动作的语法格式如下:

setInterval(code,millisec[,"lang"]);俩个参数,一个是要执行的代码段,一个是间隔时间。

clearInterval函数作用是清除对setInterval函数的调用,它的语法格式如下clearInterval(dt);dt是调用setInterval函数后返回的对象。具体使用如下,简单做了一个倒计时器,应用了俩个函数:如图3,:

技术分享 

效果如图4

技术分享 

实现了一个简单的倒计时,界面做了一点效果,点击开始,倒计时开始,点击停止,而数字不变了。这个方法使用起来很方便,可以做许多有趣的东西。值得大家试试。

setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。

var t=setTimeout("javascript语句",毫秒)

setTimeoutsetInterval的语法相同。区别是,setInterval在执行完一次代码之后,经过了那个固定的时间间隔,它还会自动重复执行代码,而setTimeout只执行一次那段代码,可以创建一个函数循环重复调用setTimeout,以得到一段时间后重复在执行

俩个函数用起来都很简单,但是有一点需要注意: 

     setTimeout方法不会每隔所设的时间就执行一次调用它的函数,它是在每次调用setTimeout后过所设的时间再去执行调用它的函数。这就表明,调用setTimeout函数的主体部分需要5秒钟执行完,那么整个函数则要每隔所设的时间+这个5s,才执行一次。而对于setInterval却没有被自己所调用的函数所束缚,它只是简单地每隔一定时间就重复执行一次那个函数。

       因此在使用的时候,注意一下这个时间差的问题 。   

       

 


以上是关于javascript学习----window对象的学习与总结的主要内容,如果未能解决你的问题,请参考以下文章

前端乱煮之javascript学习笔记五

学习笔记:javascript 窗口对象(window)

《Javascript权威指南》学习笔记之十五:BOM之源---window对象

学习javaScript必知必会~BOM模型定时器原理清除定时器

学习JavaScript之BOM部分

JavaScript学习——BOM对象