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

猜你喜欢

转载自blog.csdn.net/qq_39579242/article/details/82850173
bom