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);