BOM概述

BOM：Browser Object Model，浏览器对象模型，用来访问和操作浏览器窗口，使JS有能力与浏览器交互。

——通过使用BOM，可移动窗口、更改状态栏文本、执行其他不与页面内容发生直接联系的操作，没有相关标准，当被广泛支持

BOM对象主要包括以下对象

对象名称	含义
window	表示浏览器中打开的窗口
navigator	包含有关浏览器的信息
screen	包含有关客户端显示屏幕的信息
history	包含用户访问过的URL
location	包含有关当前URL的信息
document	包含当前浏览器加载的文档信息
event	包含当前所触发的时间对象

window对象是BOM的根对象，其他对象其实都是window对象的属性，window对象的属性和方法都可以省略window
window对象常用属性

属性名	含义
defaultStatus	设置或返回窗口状态栏中的默认文本。
innerheight	返回窗口文档显示区的高度
innerwidth	返回窗口文档显示区的宽度
length	设置或返回窗口中的框架的数量
name	设置或返回窗口的名称
opener	返回对创建此窗口的窗口引用
outerheight	返回窗口的外部高度
outerwidth	返回窗口的外部宽度
pageXOffset	设置或返回当前页面相对于窗口显示区左上角的X位置
pageYOffset	设置或返回当前页面相对于窗口显示区左上角的Y位置
parent	返回父窗口
self	返回对当前窗口的引用
status	设置窗口状态栏的文本
top	返回最顶层的先辈窗口

window对象常用方法

alert（）	显示带有一段消息和一个确认按钮的警告框
blur（）	把键盘焦点从顶层移开
clearInterval（）	取消由setInterval（）设置的timeout
clearTimeout（）	取消由setTimeout（）设置的timeout
close（）	关闭浏览器窗口
confirm（）	显示带有一段信息以及确认和取消按钮的对话框
focus（）	把键盘焦点给予一个窗口
open（）	打开一个新的浏览器窗口
print（）	打印当前窗口的内容
prompt	显示提示用户输入的对话框
setInterval	设置周期性定时器
setTimeout	设置一次性定时器

窗口的大小与定位

window.innerHeight/Width：浏览器窗口的可见区域

window.outerHeight/Width：浏览器窗口的外边框整体区域

screen.height/width：显示器完整分辨率

screen.availHeight/Width：显示器除去任务栏的剩余部分辨率

调整大小

resizeTo（newWidth,newHeight）

resizeBy(changWidth,changHeight)

window.screenLeft||window.screenX     左上角X坐标

window.screenTop||window.screenY      左上角Y坐标

event.screenX/Y：事件发生时，鼠标距离显示器左上角的坐标

移动窗口位置

window.moveTo（newX，newY）

window.moveBy(changeX,changY);