BOM 根底
什么是 BOM
Browser Object Model(浏览器对象模型)
专门操作浏览器窗口的 API————没有规范,有兼容性问题
window:代表整个窗口
history: 封装以后窗口打卡后,胜利拜访过的历史 url 记录
navigator: 封装浏览器配置信息
document: 封装以后正在加载的网页内容
location: 封装了以后窗口正在关上的 url 地址
screen: 封装了屏幕的信息
event: 定义了网页中的事件机制
获取以后窗口大小:
残缺窗口大小:
window.outerWidth/outerHeight
文档显示区大小:
window.innerWidth/innerHeight
定时器
让程序按指定工夫距离主动执行工作
网页动态效果,计时性能等
周期性定时器
让程序按指定工夫距离重复主动执行一项工作
语法:
setInterval(exp,time):周期性触发代码 exp
exp:指行语句
time:工夫周期,单位为毫秒
setInterval(function(){console.log("hello world")
},1000);
进行定时器
1. 给定时器取名
var timer=setInterval(function(){console.log("hello world");
},1000);
2. 进行定时器
clearInterval(timer);
一次性定时器
让程序提早一段时间执行
1. 语法
setTimeout(exp,time): 一次性触发代码 exp
exp;执行语句
time:间隔时间,单位为毫秒
setTimeout(function(){alert("祝贺过关");},3000);
如何抉择
只有重复执行,就用周期性
只有只执行一次,就用一次性