BOM

BOM:Browser Object Model 浏览器对象模型

　　window.open（页面的地址url，打开的方式）方法 打开一个新的窗口。window可不写，直接open()使用

　　　　若是url为空，则默认打开一个空白页面

　　　　若是打开方式为空，默认为新窗口方式打开。

　　　　返回值：返回新打开的窗口的window对象

　　window.close():方法 关闭窗口    不一样浏览器表现的效果不一样。例如IE会弹出对话框让你选择是否要真的关闭，火狐不支持这种用代码关闭，默认没法关闭；chrome默认直接关闭  

　　　　　　-------能够关闭本窗口中经过js打开的新窗口 

　　window.navigator.userAgent------>浏览器信息，包括浏览器内核，内核版本，浏览器版本

　　window.location与window.location.href:------->浏览器地址信息,获取的是地址栏上的信息内容，返回的是一个对象而不是字符串

　　window.location.search:--------->url?后面的内容　　

　　window.location.hash：------->url#后面的内容  能够经过 < 和 >进行前进后退切换

　　窗口的尺寸与大小

　　• 可视区尺寸

　　　　–document.documentElement.clientWidth

　　　　–document.documentElement.clientHeight

　　• 滚动距离

　　　　–document.body.scrollTop/scrollLeft  --------chrome浏览器适用，其余浏览器不行,chrome浏览器认为滚动条属于body的，而其余浏览器认为滚动条属于整个文档的

　　　　–document.documentElement.scrollTop/scrollLeft----------除了chrome浏览器，其余均可以

　　　　能够经过document.documentElement.scrollTop||document.body.scrollTop 来兼容各浏览器

　　• 内容高度

　　　　–document.元素内容.scrollHeight   会连这padding值计算在内

　　• 文档高度

　　　　–document.documentElement.offsetHeight  -----有兼容性问题，IE计算出来的是可视区的高

　　　　–document.body.offsetHeight

　 　 onscroll:当滚动条滚动的时候触发   （与拉滚动条的时间间隔有关）

　　onresize:当窗口大小发生改变的时候触发   （与拉动的时间间隔有关）