本文介绍了JavaScript中的BOM和DOM，包括window、history、navigator和location对象的使用，以及DOM的基本操作，如选择器、样式操作和节点处理。
1、BOM
BOM(Browser Object Model) 即浏览器对象模型，主要是指一些浏览器内置对象如：window、location、navigator、screen、history等对象，用于完成一些操作浏览器的特定API。用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。
- BOM是browser object model的缩写，简称浏览器对象模型
- BOM提供了独立于内容而与浏览器窗口进行交互的对象
- 由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window
- BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性
- BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C
- BOM最初是Netscape浏览器标准的一部分
BOM结构
从上图可以看出：DOM是属于BOM的一个属性。
window对象是BOM的顶层(核心)对象，所有对象都是通过它延伸出来的，也可以称为window的子对象。
由于window是顶层对象，因此调用它的子对象时可以不显示的指明window对象。
1.2 BOM导图
1.3、window对象
window对象在浏览器中具有双重角色：它既是ECMAscript规定的全局global对象，又是javascript访问浏览器窗口的一个接口。
Window 对象代表一个浏览器窗口或一个框架。Window 对象会在 <body> 或 <frameset> 每次出现时被自动创建。
- 对象方法如图1、2、3
图一:
图二:
图三：
1.4、history对象
history对象保存着用户上网的历史记录，使用go()实现在用户的浏览记录中跳转：history.go(-1) 等价于history.back()
history.go(1) 等价于 history.forward()
history.go(1) //前进两页
history.go('jb51.net')
1.5、navigator对象
这个对象代表浏览器实例，其属性很多，但常用的不太多。如下：
navigator.userAgent：用户代理字符串，用于浏览器监测中、
navigator.plugins:浏览器插件数组，用于插件监测
navigator.registerContentHandler 注册处理程序，如提供RSS阅读器等在线处理程序。
最低0.47元/天 解锁文章
238
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
