BOM浏览器对象模型——定时器

1. 浏览器对象模型

1. window对象

1. window对象时js中的顶级对象
2. 所有定义在全局作用域中的变量、函数都会变成window对象的属性和方法
3. Window对象下的属性和方法调用的时候可以省略window

例如：window.alert()、window.aaa前面的window可以省略

2. 系统对话框

1. alert()：不同浏览器的外观不一样
2. confirm()：兼容不好
3. prompt()：不推荐使用

3. 窗口

1. window.open(url,target,param)打开窗口：在一个新页面中打开

1. url：要打开的地址
2. target：新窗口的位置
3. param：新窗口的一些设置
4. 返回值：新窗口的句柄

2. window.close()关闭本窗口

1. 新窗口.moveTo(5,5)
2. 新窗口.moveBy()
3. 新窗口.resizeTo()

4. location对象

1. window.lacation

1. 相当于浏览器地址栏
2. 可以将url解析成独立的片段

2. location对象的属性

1. href：在本页面中跳转
2. hash：返回url中#后面的内容，包括#
3. host：主机名，包括端口
4. hostname：主机名
5. pathname：url中的路径部分
6. protocol：协议，一般是http、https
7. search：查询字符串

3. location对象的方法

1. lacation.assign()：改变浏览器地址栏的地址并记录到历史中

注意：设置location.href就会调用assign()。一般使用lacation.href进行页面之间的跳转

2. location.replace()：替换浏览器地址栏的地址，不会记录到历史中
3. location.reload()：重新加载

5. navigator对象：window.navigator的一些属性可以获取客户端的一些信息
6. history对象

1. 历史记录管理

1. 后退

<1>history.back()

<2>history.go(-1)  0是刷新

2. 前进

<1>history.forward()

<2>history.go(1)

7. 定时器

1. 循环执行（等待时间过去之后执行）

1. var timer = setlnterval(function(){这里面是需要执行的代码}，时间间隔);
2. clearInterval(timer);

如果不清除定时器，那么function里面的内容就会按照时间间隔一直不停的执行下去

3. 间隔时间执行，不是特别精确(单位是毫秒)
4. 高级

<1>返回值

<2>清空定时器（就是不要它执行了）：要想清除定时器就必须先获取定时器的名字，而定时器的返回值就是它的名字

2. 定时执行（立刻执行）

1. var timer = setTimeout(code,interval) ;是用的比较少
2. clearTimeout(timer) ;