BOM

一、js组成

javascripe有三部分组成：ECMAScript,DOM和BOM，根据浏览器的不同，具体的表现形式也不尽相同，ie和其他浏览器风格也不同
BOM 主要处理浏览器窗口和框架，不过通常浏览器特定的 JavaScript 扩展都被看做 BOM 的一部分。

二、HTML BOM Browser对象

BOM描述了与浏览器进行交互的方法和接口。
Browser对象：指BOM提供的多个对象，包括：Window、Navigator、Screen、History、Location等。
其中Window对象为顶层对象，其他对象都为Window对象的子对象。

1、window 对象：表示浏览器打开的窗口，标签或者框架(若当前页面里包含多个iframe，会为每个iframe创建Window对象)。

Window对象不会被实例化，调用属性和方法都作为window的静态成员

（1）window对象常见属性

colsed：返回窗口是否已被关闭
defaultStatus：设置或返回窗口状态中的默认文本
document：对document对象的只读引用。
history：对History对象的制度引用。
location用于窗口或框架的location对象。
name：设置或返回窗口的名称。
Navigator：对Navigator对象的引用。
opener：返回对创建对此窗口的窗口的引用
outerheight：返回窗口的外部的高度
outerwidth：返回窗口的外部宽度
Screen：对Screen对象的引用
self：返回对当前窗口的引用。等价于window属性。
status：设置窗口状态栏的文本。
top：返回最顶层的先辈窗口

（2）window 对象方法

alert（）：带有提示信息和一个确认按钮的弹框
blur（）：把键盘焦点从顶层窗口移开
focus（）：把键盘焦点给予一个窗口
clearInterval（）：取消setInterval（）设置的timeout
clearTimeout（）：取消setTimeout（）设置的timeout
close（）：关闭浏览器窗口
confirm（）：显示带有一段信息及取消按钮和确认按钮的弹框
prompt（）：显示可提示用户输入的对话框
createPopup（）： 创建一个 pop-up 窗口。
moveBy（）：可相对窗口的当前坐标把它移动指定的像素。
moveTo（）：把窗口的左上角移动到一个指定的坐标
open（）：打开一个新的浏览器窗口或查找一个已命名的窗口
print（）：打印当前窗口的内容。
resizeBy（）：按照指定的像素调整窗口的大小。
resizeTo（）：把窗口的大小调整到指定的宽度和高度。
scrollBy（）：按照指定的像素值来滚动内容。
scrollTo（）： 把内容滚动到指定的坐标。
setInterval（）：按照指定的周期（以毫秒计）来调用函数或计算表达式。
setTimeout（）：在指定的毫秒数后调用函数或计算表达式

2、Navigator 对象：Navigator 对象包含有关浏览器的信息。

（1）Navigation 属性

appCodeName： 返回浏览器的代码名
appName：返回浏览器的名称
appVersion：返回浏览器的平台和版本信息
browserLanguage：返回当前浏览器的语言
cpuClass：返回浏览器的CPU等级
platform：返回运行浏览器的操作平台
userLanguage：返回os的自然语言设置

（2）Navigation 对象方法

javaEnable（）：规定浏览器是否启用java
taintEnable（）：规定浏览器是否启用数据污点（data tainting）

3、Screen 对象：Screen 对象包含有关客户端显示屏幕的信息。

（1）Screen 对象属性

availHeight：返回显示屏幕的高度 (除 Windows 任务栏之外)。
availWidth：返回显示屏幕的宽度 (除 Windows 任务栏之外)。
bufferDepth：设置或返回调色板的比特深度。
colorDepth：返回目标设备或缓冲器上的调色板的比特深度
height：返回显示屏幕的高度
width：返回显示屏的宽度

4、History 对象：History 对象包含用户（在浏览器窗口中）访问过的 URL。

History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问

（1）History 属性

length：返回浏览器历史列表中的 URL 数量。

（2）History 方法

back（）：加载 history 列表中的前一个 URL。
forward（）：加载 history 列表中的下一个 URL。
go（）：加载 history 列表中的某个具体页面。

History 对象最初设计来表示窗口的浏览历史。但出于隐私方面的原因，History 对象不再允许脚本访问已经访问过的实际 URL。唯一保持使用的功能只有back()、forward()和 go()方法。

5、Location 对象：Location 对象包含有关当前 URL 的信息

Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。

（1）Location 属性

hash：设置或返回从井号 (#) 开始的 URL（锚）
host：设置或返回主机名和当前 URL 的端口号。
hostname：设置或返回当前 URL 的主机名。
href：设置或返回完整的 URL。
pathname：设置或返回当前 URL 的路径部分。
port：设置或返回当前 URL 的端口号。
protocol：设置或返回当前 URL 的协议。
search：设置或返回从问号 (?) 开始的 URL（查询部分）

（2）Location 方法

assign（）： 加载新的文档。
reload（）：重新加载当前文档。
replace（）：用新的文档替换当前文档。