具有兼容性的问题
window:代表整个窗口
history:封装当前窗口打开后,成功访问过的历史url记录
navigator:封装浏览器配置信息
document:封装当前正在加载的网页内容
location:封装了当前窗口正在打开的Url地址
screen:封装了屏幕的信息
event:定义了网页中的事件机制
获取当前窗口大小
- 完整窗口大小:(宽度/高度)
window.outerWidth/outerHeight
- 文档显示区大小:(宽度/高度)
window.innerWidth/innerHeight
定时器:让程序按照指定的时间间隔自动执行任务
比如:网页的动态效果、计时功能
定时器的分类
- 周期性定时器:让程序按指定时间间隔反复自动执行一项任务
语法:
setInterval(执行语句,执行时间(ms单位))-----------周期性的触发执行语句
setInterval( function(){console.log("hello world");} ,1000);
定时器声明之后如何停止:给定时器取名 --使用clearInterval(定时器名)
var timer=setInterval( function(){console.log("hello world");} ,1000); clearInterval(timer);
- 一次性定时器:让程序延迟一段时间执行
语法:
setTimeout(执行语句,间隔时间,单位是毫秒)---------------一次性触发代码
setTimeout( function(){alert("恭喜过关");} ,3000);