第二十一天H5进阶

BOM

- 浏览器对象模型
- BOM中为我们提供了一组对象，用来对浏览器的相关内容做操作
- 这些BOM对象，都是window对象的属性，可以在页面中直接使用
- BOM对象：
- Window
- 属性：
frames
- 可以获取到页面中所有的框架页的集合
innerWidth
innerHeight
- 获取浏览器内部的宽度或高度，这两个属性不兼容IE8
- 可以使用document.documentElement.clientWidth和document.documentElement.clientHeight
outerWidth
outerHeight
- 获取浏览器整个的宽度或高度

- 方法：
alert() --> 弹出一个确认框
confirm() --> 弹出一个带确认和取消按钮的提示框
prompt() --> 弹出一个带有输入宽的提示框
open() -->  打开一个新的窗口
setInterval() --> 开启一个定时器
用法：setInterval(function(){},毫秒数);
当函数需要传递参数时，可以在毫秒数后边跟着这些参数
这些参数将会作为函数调用时实参来使用。
在毫秒数后传递参数的形式IE9级以下的浏览器不支持。

注意：在定时调用和延时调用的函数中，this永远是window。
clearInterval() --> 取消定时器

setTimeout()
clearTimeout()
- 这两个和上边的定时调用类似，使用方式一样，只不过它们是延时调用
- 通过setTimeout()设置的回调函数只会被调用一次。

- Navigator
- 代表的浏览器的信息，通过它可以用来帮助我们识别浏览器
- 属性：
userAgent:获取用户代理（浏览器）的信息，该信息返回的是一个字符串，通过该字符串可以来识别浏览器。

- History
- 代表当次访问的历史记录，通过它可以操作浏览器页面向前向后跳转
- 方法：
back() --> 回退一个页面
forward() --> 向前一个页面
go() --> 向前或回退到指定页面

- Location
- 代表浏览器地址栏信息，通过它可以来修改浏览器的地址栏，从而跳转页面
- 用法：
- 修改地址栏
- window.location = "http://www.baidu.com";

- 方法：
- assign() --> 跳转到指定页面
- reload() --> 刷新当前的页面，里边可以传一个true，传true会强制清空缓存刷新
- replace() --> 使用一个页面替换当前页面，不会生成历史记录

- Screen
- 代表用户的显示器的信息，分辨率，大小等等，一般在移动端的时候使用。