【JavaScript学习笔记14】BOM（浏览器对象模型）与DOM（文档对象模型）简介

引言

JS在浏览器的开发中，离不开BOM与DOM的使用。本篇笔记开始记录浏览器网页窗口的操作与设置（BOM），以及网页中的一些特效功能（DOM），首先要了解一下BOM与DOM。

BOM（Browser Object Model）

BOM：浏览器对象模型

功能：提供了独立于内容，直接与浏览器窗口进行交互的对象
主要用于管理窗口与窗口之间的通讯，因此其核心对象是window
BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性

DOM：文档对象模型

功能：动态地访问程序和脚本,更新其内容、结构和www文档的风格(目前,HTML和XML文档是通过说明部分定义的)，核心对象是：document

BOM与DOM的关系

借用网络一张关系图，将BOM与DOM的关系解释的特别清楚：

• 在顶层是基于Window对象
• 整个BOM可以说是所有对象的集合，在Window对象里面有一个子对象：document对象
• 其中window,document对象尤为重要