BOM
Browser Object Model，浏览器对象模型，提供一系列与浏览器相关的信息。
window对象
-
window对象是BOM顶层对象。
-
window对象是JS访问浏览器窗口的一个接口
-
window对象是一个全局对象,声明的所有的全局变量，全局方法函数最终都是window对象的属性或者方法 ==使用时可以不写window==
浏览器的弹出层
confirm // 确认框；
alert // 弹窗；
prompt // 输入框；
浏览器的地址信息（location对象）
window有一个location内部记录了浏览器的地址信息；
可以通过href属性获得当前浏览器地址，也可以赋给新址，实现页面跳转。
window.location.href = 'https://www.baidu.com/'
location内部还有reload方法，可以通过该方法实现页面刷新；
window.location.reload() // 不要把刷新写在外部, 写在一个条件内
浏览器的历史记录(可以模拟左上角的前进与后退)
window内部有一个history内部有方法可以实现浏览器的前进回退功能
window.history.back() 回退
window.history.forward() 前进(必须现有过一次回退, 才能使用前进)
window.history.go()
按照设定方向和次数 跳转显示的页面
正数 是 向 前跳转页面的次数
负数 是 向 后跳转页面的次数
浏览器的版本信息(navigator对象)
window.navigator.userAgent ：通过userAgent可以判断用户浏览器的类型
window.navigator.platform：通过platform可以判断浏览器所在的系统平台类型
window.navigator.online：判断是否联网
浏览器的onload事件
onload事件会等到页面的所有资源加载完毕后再执行； ==浏览器图片的加载是异步的==
浏览器的onscroll事件
上下滚动采用：
* document.body.scrollTop 在浏览器没有声明 <!DOCTYPE html>
* document.documentElement.scrollTop 在浏览器声明了 <!DOCTYPE html>
左右滚动采用：
* document.body.scrollLeft 在浏览器没有声明 <!DOCTYPE html>
* document.documentElement.scrollLeft 在浏览器声明了 <!DOCTYPE html>
document.body.scrollTop与document.documentElement.scrollTop都是获取滚动条滚动的距离，
由于在不同情况下，document.body.scrollTop与document.documentElement.scrollTop
都有可能取不到值，但是这两个方法有一个特点：
两个方法同时使用只有一个值有效，比如document.body.scrollTop能取到值的时候,
document.documentElement.scrollTop就会始终为0；反之亦然
==提示：==
var sTop=document.body.scrollTop+document.documentElement.scrollTop;
