【JS总结】——Browser Object Model（BOM）

    学习JS时，学到了BOM和DOM，看到是单词简写，果断应该查一查，好好总结一下。

BOM

简介：

    BOM：Browser  Object  Model，浏览器对象模型，是浏览器相关的一组特性，它提供了很多对象，用于访问浏览器。

1、window对象

    BOM的核心对象是window，它表示浏览器的一个实例。window对象处于JavaScript结构的最顶层，对于每个打开的窗口，系统都会自动为其定义window对象。window既处于JavaScript结构的顶层，它下面还包含其他的对象。

    window对象有它的属性和相应的方法：

window对象的属性

属性	含义
closed	当窗口关闭时为真
defaultStatus	窗口底部状态栏显示的默认状态消息
document	窗口中当前显示的文档对象
frames	窗口中的框架对象数组
history	保存有窗口最近加载的URL
length	窗口中的框架数
location	当前窗口的URL
name	窗口名
offscreenBuffering	用于绘制新窗口内容并在完成后复制已存在的内容，控制屏幕更新
opener	打开当前窗口的窗口
parent	指向包含另一个窗口的窗口
screen	显示屏幕相关信息，如高度、宽度
status	描述由用户交互导致的状态栏的临时消息
top	包含特定窗口的最顶层窗口
self	指示当前窗口
window	指示当前窗口，与self等效

window对象的方法

方法	功能
alert	创建一个警告对话框，显示一条信息
blur	将焦点从窗口移除
clearInterval	清除之前设置的定时器间隔
clearTimeOut	清除之前设置的超时
close	关闭窗口
confirm	创建一个需要用户确认的对话框
focus	将焦点移至窗口
open	打开一个新窗口并返回新window对象
prompt	创建一个对话框要求用户输入信息
scroll	在窗口中滚动到一个像素点的位置
setInterval	经过指定时间间隔计算一个表达式
setInterval	经过指定时间间隔后调用一个函数
setTimeOut	在定时器超过后计算一个表达式
setTimeOut	在定时器超时后计算一个函数
print	调出打印对话框
find	调出查找对话框

2、location对象

    location对象是BOM对象之一，它提供了与当前窗口中加载的文档有关的信息，还提供了一些导航功能。事实上，location对象是window对象的属性，也是document对象的属性。

    location对象同样有自己的属性和方法：

location对象的属性

属性	描述的URL内容
hash	如果该部分存在，表示锚点部分
host	主机名：端口号
host name	主机名
href	整个URL
pathname	路径名
port	端口号
protocol	协议部分
search	查询字符串

location对象的方法

方法	功能
assign()	跳转到指定页面，与href等效
reload()	重载当前URL
replace()	用新的URL替换当前页面

3、history对象

    history对象是window对象的属性，它保存着用户上网的记录，从窗口被打开的那一刻算起。

history对象的属性

属性	描述URL中的那部分
length	history对象中的记录数

history对象的方法

方法	功能
back()	前往浏览器历史条目前一个URL，类似后退
forward()	前往浏览器历史条目下一个URL，类似前进
go()	浏览器在history对象中向前或向后

总结

    BOM中含有很多对象，用于各种对浏览器客户端的操作，不过BOM没有一定的标准来限制。不过DOM可以作为事实标准，至于DOM是怎么规范的，欢迎浏览下一篇博客。