BOM对象

本篇文章主要介绍BOM（Brower object Model) 对象常用的属性和方法,使用这些方法和属性可以对浏览器进行操作

浏览器事件：

window.onload:在页面加载完成之后执行该方法

window.onresize:在浏览器大小发生变化时执行该方法 

        可以使用window.innerWidth/innerHeight获取浏览器的宽度和高度，注意这里的高度和宽度不包括工具栏，菜单栏和滚动条           的高度，但这种写法IE浏览器是不兼容

        可以使用以下document对象的属性来获取（所有浏览器都能用）

         - document.documentElement.clientWidth || document.body.clientWidth

         - document.documentElement.clientHeight  || document.body.clientHeight

window.onsroll:在浏览器滚动条滚动的时候执行该方法

浏览器地址信息：location

location.href="./xxx.html" (相对路径）

location reload(true)方法   刷新页面,如果参数为true,通过缓存刷新。

浏览器历史信息：history

history.go():负数表示后退页面，正数表示前进转  例：history.go(-2) 后退两个页面

history.back():向后跳转

history.forward():向前跳转

history.length：history对象中缓存了多少个URL 

获取滚动条的滚动的距离

距离顶部的距离：document.documentElement.scrollTop ||  document.body.scrollTop

距离左侧的距离：document.documentElement.scrollLeft || document.body.scrollLeft

window.scrollTo(x,y）：让滚动条滚动到距离左侧x px,顶端y px的位置

定时器：

间隔定时器：

setInterval(fn，t)：fn(函数名）t（时间）的单位是ms,每隔 t ms 执行一次 fn

cleartInterval(定时器的返回值)：结束定时器

延迟定时器：

setTimeout(fn,t):fn(函数名）t（时间）的单位是ms,延迟 t ms 后执行fn

clearTimeout（定时器的返回值）：结束定时器

定时器可以说是BOM对象中比较重要的内容了，需要重点关注。。。。