BOM简介

一、什么是BOM

1. BOM是browser object model的缩写，简称浏览器对象模型，提供了独立于内容而与浏览器窗口进行交互的对象；

2. 关注于浏览器、浏览器窗口、桌面环境、访问历史、当前链接、文档属性等，不关心文档内容相关对象的操作；
3. 主要对象包括navigator、window、screen、history、location、document等。

 

二、window对象

window对象是BOM的顶层(核心)对象，所有对象都是通过它延伸出来的，也可以称为window的子对象。

window/self：窗口自身

name：窗口名

如：window.name="hello"

 

window的方法

1. 窗体控制函数
   1. moveTo(x,y)：移动窗口到绝对位置
   2. moveBy(x,y)：移动窗口到相对位置
   3. resizeTo(x,y)：按绝对像素放缩窗口
   4. resizeBy(x,y)：按相对像素放缩窗口

2. 窗体滚动轴控制函数
   1. scrollTo(x,y)：滚动窗口到绝对位置
   2. scrollBy(x,y)：按相对像素滚动窗口

3. 窗体焦点控制函数
   1. focus()：获得焦点
   2. blur()：失去焦点

4. 新建窗体函数
   1. open(url,name,[option])：创建新窗口。name可以是命名的，也可以是_self，_parent，_top，_blank中一个，option: toolbar, location, derectories, fullscreen, menubar , titlebar, status，top，left，height，width等
   2. close()：关闭窗口
   3. opener属性：打开该窗口的窗口
   4. closed属性：窗口是否已经关闭

5. 对话框函数
   1. alert(text)：alert窗口
   2. confirm(text)：confirm窗口
   3. prompt(text,defaultmessage)：prompt窗口

6. 状态栏属性
   1. defaultStatus属性：状态栏默认值
   2. status属性：状态栏值

7. 时间等待与间隔函数
   1. setTimeout(codes, interval)：暂停指定的毫秒数后执行指定的代码。每次调用setTimeout函数都会产生一个唯一的ID，可以通过clearTimeout函数(此函数的参数接收一个setTimeout返回的ID)暂停setTimeout函数还未执行的代码
   2. clearTimeout(id)：取消指定的setTimeout函数将要执行的代码
   3. setInterval(codes, interval)：间隔指定的毫秒数不停地执行指定的代码。每次调用setInterval函数都会产生一个唯一的ID，可以通过clearInterval函数(此函数的参数接收一个setInterval返回的ID)暂停setInterval函数
   4. clearInterval(id)：取消指定的setInterval函数将要执行的代码

 

三、navigator对象

navigator对象通常用于检测浏览器与操作系统的版本，常用属性有：

1. appCodeName浏览器代码名的字符串表示

2. appName官方浏览器名的字符串表示

3. appVersion浏览器版本信息的字符串表示

4. cookieEnabled如果启用cookie返回true，否则返回false

5. javaEnabled如果启用java返回true，否则返回false
6. platform                浏览器所在计算机平台的字符串表示
7. plugins安装在浏览器中的插件数组
8. taintEnabled如果启用了数据污点返回true，否则返回false
9. userAgent用户代理头的字符串表示

 

四、screen对象

给出当前桌面属性，包含了有关客户端显示器和显示能力的信息。常用属性有：

1. availHeight窗口可以使用的屏幕高度，单位像素
2. availWidth窗口可以使用的屏幕宽度，单位像素
3. colorDepth用户浏览器表示的颜色位数，通常为32位(每像素的位数)

4. pixelDepth用户浏览器表示的颜色位数，通常为32位(每像素的位数)（IE不支持此属性）

5. height屏幕的高度，单位像素

6. width屏幕的宽度，单位像素

 

五、location对象

用于获取或设置窗体的URL，并且可以用于解析URL。window.location和document.location指向同一个对象。

属性有：

1. hash 属性返回URL中#符号后面的内容

2. host 属性返回域名

3. hostname 属性返回主域名

4. href 属性返回当前文档的完整URL或设置当前文档的URL

5. pathname 属性返回URL中域名后的部分
6. port 属性返回URL中的端口

7. protocol 属性返回URL中的协议

8. search 属性返回URL中的查询字符串
9. assign()函数设置当前文档的URL
10. replace() 函数设置当前文档的URL，并在history对象的地址列表中删除这个URL
11. reload()函数重新载入当前文档(从server服务器端)
12. toString() 函数返回location对象href属性当前的值

方法有：

1. reload() ：重新载入当前页面

2. replace(url)：用url对应文档替代当前文档

 

六、history对象

对应于当前窗口文档装载的URL历史列表。方法有：

1. back() :在当前窗口中装载URL列表中的前一个

2. forward() :在当前窗口中装载URL列表中的下一个
3. go(number) :在当前窗口中装载URL列表中的某一个，负数为后退指定的页数，正数为前进指定的页数