关于html5:BOM基础

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）;

如何抉择
只有重复执行，就用周期性
只有只执行一次，就用一次性