JavaScript BOM

一、BOM概述
BOM：浏览器对象模型（bowser object model），BOM能获取和操作浏览器上的所有内容

二、BOM结构
window为最大的对象，window中包含：document、history、location、frames、screen、navigator这些对象

三、window方法
1.打印方法

console.log(window); //window对象
console.log('内容') //控制台打印，以日志形式打印
console.error('错误') //以错误的形式打印
console.warn('警告') //以错误的形式打印
console.debug('测试') //以错误的形式打印
console.info('信息提示') //提示信息打印

2.弹窗方法

window.alert('Monday') //提示窗口
var isTrue = confirm('你确定吗？') //交互框 确认返回true  取消返回false
var str = prompt('请输入密码') //输入窗口  输入想要输入的内容

3.打开、关闭方法
open()、close()（其中关闭方法中根据浏览器如果只剩最后一个窗口会关闭浏览器）

4.改变位置方法
moveBy()、moveTo()（moveBy()方法是根据当前位置移动，moveTo()方法移动到对应位置）

5.改变大小方法
resizeBy()、resizeTo()（resizeBy()方法根据当前大小改变大小，resizeTo()大小改变为设置大小）

四、location对象
1.属性

console.log(location.hash) //哈希 #后面带的值 *
console.log(location.host) //主机
console.log(location.hostname) //主机名
console.log(location.protocol) //协议
console.log(location.port) //端口号
console.log(location.href) //链接
console.log(location.search); //?后面带的值 *
console.log(location.origin); //跨域
console.log(location.pathname); //路径名

2.方法
跳转页面（assign()）
重新加载页面（replace())
替换页面（reload()）

五、history对象
1.属性
length 历史页面个数
state 状态存储的对象
scrollRestoration 滚动栏恢复

2.方法
forwad()（前进）
back()（后退）
go()（去任意历史页面，本身页面为0，后退一页为-1，前进一页为1，想要去任意页面就根据历史页面数就可以）
pushState()（方法中可以添加三个变量，第一个变量任意，第二个变量填空值，第三个变量填地址，这个方法虽然会改变地址，但不会刷新页面但是第一个变量会去对应的地址页面中）
replaceState()（替换state，跟上面方法基本一致）

六、screen对象
1.属性
avaliHeight 可占用的最大高度
avaliWidth 可占用的最大宽度
avaliLeft 离屏幕左侧的距离
avaliTop 离屏幕上方的距离

七、navigator对象
1.属性
userAgent 用户浏览器设置信息