js——BOM

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

　 open(页面的地址url，打开的方式) ：方法  打开一个新的窗口（页面）

　　　　如果url为空，折磨人打开一个空白页面

　　　　如果打开方式为空，默认为新窗口方式打开

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

　　close()：方法  关闭窗口

　　　　　　1、fireFox：默认无法关闭

　　　　　　2、chrome：默认直接关闭

　　　　　　3、ie：询问用户

　　　　　　可以关闭在本窗口中通过js方法打开的新窗口，浏览器均兼容！

　　window.navigator.userAgent : 浏览器信息

　　window.location : 浏览器地址信息

　　　　window.location.href = window.location内容

　　　　window.location.search = url?后面的内容

　　　　window.location.hash = url#后面的内容

　　window.status：设置或返回窗口状态栏中的文本

　

　　可视区尺寸：  //**无兼容问题

　　　　document.documentElement.clientWidth

　　　　document.documentElement.clientHeight

　　滚动距离：

　　　　document.body.scrollTop/scrollLeft    //**chrome认为滚动距离是针对body的，所以使用这个

　　　　document.documentElement.scrollTop/scrollLeft   //**chrome存在问题

　　　　如果使用可以这样：var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

　　内容高度：

　　　　元素.scrollHeight   //**获取元素内部内容的实际高度

　　文档高度：

　　　　document.documentElement.offsetHeight  //存在兼容问题

　　　　document.body.offsetHeight   //当body去除padding和margin后，浏览器表现一致，推荐使用这个

　　　　　　　　　　　　　　　　　　　　ie如果内容没有可视区高，那么文档高就是可视区高

　　onscroll：当滚动条滚动的时候触发

　　onresize：当窗口大小发生变化的时候触发