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:当窗口大小发生变化的时候触发