BOM-window对象

BOM全称Browser Object Model-浏览器对象模型，他提供了很多对象，用于访问浏览器的功能，没有规范，BOM的核心是window。
一、系统对话框
window提供的系统对话框 window可以省略
window.alert(“我是一个警告框”)；
1.2带确认的对话框，返回点击的值 确认——true 取消——false
confirm（‘是否重置’）；
1.3带输入的对话框window.prompt(‘提示信息’，默认值)确定——输入框中的值 取消——null
二、open打开窗口和close
1.open打开窗口
_self：在当前窗口打开
_blank:在新窗口打开
返回新页面的window


三、location
location 是最有用的 BOM 对象之一，它提供了与当前窗口中加载的文档有关的信息，还提供了一些导航功能。事实上，location 对象是很特别的一个对象，因为它既是 window 对象的属性，也是document 对象的属性。
Location的属性有：
hash： “#contents” 返回URL中的hash（#号后跟零或多个字符），如果URL
中不包含散列，则返回空字符串
host ：“www.wrox.com:80” 返回服务器名称和端口号（如果有）
hostname ：“www.wrox.com” 返回不带端口号的服务器名称
href：“http:/www.wrox.com” 返回当前加载页面的完整URL。而location对象的
toString()方法也返回这个值
pathname："/WileyCDA/" 返回URL中的目录和（或）文件名
port:“8080” 返回URL中指定的端口号。如果URL中不包含端口号，则
这个属性返回空字符串
protocol ：“http:” 返回页面使用的协议。通常是http:或https:
search “?q=javascript” 返回URL的查询字符串。这个字符串以问号开头

四、history对象
history保存了用户的上网记录
五、navigator对象
二、.三大系列

1、client系列
元素可视宽高
元素.clientWidth/Height : width+左右padding值 *
元素.clientTop: 上边框
元素.clientLeft: 左边框

屏幕可视宽高：
document.documentElement.clientWidth/clientHeight*
body可视宽高
document.body.clientWidth/clientHeight
2、Offset系列
元素的占位宽高：
元素.offsetWidth/Height: 元素的占位宽高
width+padding+border
元素.offsetTop:当前元素的顶部到定位父元素的距离，如果没有
定位父元素，到body的距离
元素.offsetLeft:当前元素的左边到定位父元素的距离，如果没有
定位父元素，到body的距离
3、scroll系列
scroll系列
onscroll：滚动条滚动的时候触发
元素.scrollTop:元素被卷去的高
元素.scrollLeft:元素被卷去的宽
元素.scrollWidth:元素实际内容宽
元素.scrollHeight:元素实际内容高

页面的滚动距离
document.documentElement.scrollTop ||
document.body.scrollTop