JavaScript 操作BOM对象

BOM模型

BOM：浏览器对象模型

BOM提供了独立于内容的、可以与浏览器窗口进行互动的对象结构

BOM模型的特点

• BOM是browser object model的缩写，简称浏览器对象模型
• BOM提供了独立于内容而与浏览器窗口进行交互的对象
• 由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window
• BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性
• BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C

用途

BOM中，可以获得与浏览器窗口交互的一些对象，例如可以移动，调整浏览器大小的window对象，可以用于导航的location对象与history对象，可以获取浏览器，操作系统与用户屏幕信息的navigator与screen对象，可以使用document作为访问HTML文档的入口，管理框架的frames对象等

Window对象的常用属性

• location：返回该窗口装载的HTML文档的URL
• screen：返回当前浏览者屏幕对象
• history：返回该浏览窗口的历史
• document：返回该窗口内装载的HTML文档

window对象的常用方法

• alert()：弹出警告窗口
• confirm()：确认对话框
• prompt()：提示输入对话框
• close()：关闭窗口
• scrollBy()、scrollTo()：滚动当前窗口的HTML文档
• open()：打开一个新的浏览器窗口加载新的URL所指向的地址
• setInterval()、clearInteral()：设置、删除定时器

history对象常用方法

• back()：后退到上一个浏览的页面，如果该页面是第一个打开的，则无效果
• forward()：前进到下一个浏览页面，如果该页面是第一个打开的，则无效果
• go(intValue)：该方法可制定前进或后退多少个页面，正则进，负则退

location对象常用属性

• href：文档所在地址的URL地址

screen对象常用属性

• avaiHeight：窗口可以使用的屏幕高度，单位像素
• avaiWidth：窗口可以使用的屏幕宽度，单位像素