javascript学习----window对象的学习与总结
2016-03-05 18:20
671 查看
一 BOM:浏览器对象模型,提供了很多对象,用于对浏览器的功能进行访问,浏览器本身自己就有一些对象,不需要创建。
BOM的核心对象是window,它是浏览器的一个实例。
二.(1)Window:的常用属性:
(1)status
(2)opener
(3)closed
的常用方法:
(1)alert(); (2)confirm(); (3)setInterval(); (4)clearInterval(); (5)setTimeout(); (6)clearTimeout(); (7)open();其他都是对象里面的子对象,如: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语句",毫秒)setTimeout和setInterval的语法相同。区别是,setInterval在执行完一次代码之后,经过了那个固定的时间间隔,它还会自动重复执行代码,而setTimeout只执行一次那段代码,可以创建一个函数循环重复调用setTimeout,以得到一段时间后重复在执行。俩个函数用起来都很简单,但是有一点需要注意: setTimeout方法不会每隔所设的时间就执行一次调用它的函数,它是在每次调用setTimeout后过所设的时间再去执行调用它的函数。这就表明,调用setTimeout函数的主体部分需要5秒钟执行完,那么整个函数则要每隔所设的时间+这个5s,才执行一次。而对于setInterval却没有被自己所调用的函数所束缚,它只是简单地每隔一定时间就重复执行一次那个函数。 因此在使用的时候,注意一下这个时间差的问题 。
BOM的核心对象是window,它是浏览器的一个实例。
二.(1)Window:的常用属性:
(1)status
(2)opener
(3)closed
的常用方法:
(1)alert(); (2)confirm(); (3)setInterval(); (4)clearInterval(); (5)setTimeout(); (6)clearTimeout(); (7)open();其他都是对象里面的子对象,如: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语句",毫秒)setTimeout和setInterval的语法相同。区别是,setInterval在执行完一次代码之后,经过了那个固定的时间间隔,它还会自动重复执行代码,而setTimeout只执行一次那段代码,可以创建一个函数循环重复调用setTimeout,以得到一段时间后重复在执行。俩个函数用起来都很简单,但是有一点需要注意: setTimeout方法不会每隔所设的时间就执行一次调用它的函数,它是在每次调用setTimeout后过所设的时间再去执行调用它的函数。这就表明,调用setTimeout函数的主体部分需要5秒钟执行完,那么整个函数则要每隔所设的时间+这个5s,才执行一次。而对于setInterval却没有被自己所调用的函数所束缚,它只是简单地每隔一定时间就重复执行一次那个函数。 因此在使用的时候,注意一下这个时间差的问题 。
相关文章推荐
- js
- JSP九大内置对象和四种属性范围解读
- js变量、作用域和内存问题的复习**
- js 省市级联
- JS面向对象组件 -- 继承的其他方式(类式继承、原型继承)
- javascript 面向对象编程
- js的事件流理解
- 学习笔记--原生JS
- JS面向对象组件(五) -- 复制对象(拷贝继承)
- js中constructor的作用
- JS面向对象组件(四) -- 面向对象的继承
- Webpack入门指迷
- JavaScript常用代码(不定时更新)
- JS操作cookie
- JS引擎工作机制描述(转载)
- JavaScript常见的数据类型
- Webpack笔记
- 【翻译】Ext JS最新技巧――2016-3-4
- 【翻译】Ext JS最新技巧——2016-3-4
- 【翻译】Ext JS最新技巧——2016-3-4