window对象是BOM的核心,window对象指当前浏览器的窗口
文章图片
JavaScript计时器
我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。
有两种类型:
【window对象,计时器|window对象,计时器,Location对象,screen对象】一次性计时器:仅在指定的延迟时间触发一次
间隔性触发计时器“每隔一定时间触发一次”
文章图片
计时器setInterval()
每隔一定时间执行一次代码
语法setInterval(x,y);
x:要调用的函数或者要执行的代码
y:交互时间,间隔,以毫秒计 1s=1000;
返回值:一个可以传递给clearInterval从而取消对代码的周期执行值
文章图片
文章图片
文章图片
效果是每秒都能显示出来
取消计时器clearInterval()
语法clearInterval(返回值)
其中的返回值是,setInterval的返回值id
文章图片
计时器setTimeout()
指定时间后执行,仅仅执行一次
语法setTimeout(代码,延迟时间)
代码:要执行的方法或者代码需要加引号
延迟时间:设置的等待时间 1s=1000
文章图片
取消计时器clearTimeout()
setTimeout()和clearTimeout()一起使用,停止计时器
语法clearTimeout(返回值);
文章图片
按start开始计次数,按stop停止
History对象
history对象记录了用户曾经浏览过的页面(URL)
注意:从窗口被打开的一刻开始记录
语法 window.history.[属性][方法]//window可以省略
文章图片
返回前一个浏览的页面
back()方法,加载history列表中的前一个URL
语法window.history.back();
小技巧:back() 等于window.history.go(-1)
返回下一个浏览页面
forward()方法,加载History列表的下一个URL
语法window.history.forward();
小技巧:forward()等于window,history.go(1);
返回浏览历史中的其他页面
语法 window.history.go(number);
文章图片
2,3,4,5/.....-1,-2-3..... Location对象
用于获取或者设置窗体的URL,并且可解析URL
语法location.xxx
文章图片
Navigator对象
他包含了有关浏览器的信息,通畅用于检测浏览器与操作系统的版本
文章图片
userAgent
返回用户代理头的字符串表示,其实就是判断使用什么浏览器?
语法navigator.userAgent;
文章图片
screen对象
主要用于获取用户的屏幕信息
语法window.screen.属性
文章图片
window.screen.height返回屏幕分辨率的高,单位以像素计,window可以不写
window.screen.width返回屏幕分辨率的宽,像素,window可以不写
文章图片