对象模型简介(Core, BOM, DOM)

easy

对象模型是用来描述对象的逻辑层次结构以及其标准的操作方法的一个应用程序接口( API )。在 JavaScript 中，可以将对象模型分为下面几个组成部分。

核心部分( Core )：

核心部分包括：数据类型，运算符，表达式，以及内置的全局对象，全局属性和全局函数等。

浏览器对象模型( Browser Object Model)：

简称 BOM 。浏览器对象模型提供了用户与浏览器之间交互的对象以及操作的接口。这些对象中，有很大一部分是与网页内容不相关的，如代表屏幕的 Screen 对象，代表浏览器的 Navigator 对象等。

文档对象模型(Document Object Model)：

简称 DOM 。文档的对象模型是由 World Wide Web (W3C) 委员会所定义的标准文档对象模型，该模型是一个能够让程序或脚本动态地访问和更新文档内容、结构和样式的应用程序接口。DOM 的版本可以分为 DOM1， DOM2 和 DOM3 。BOM 虽然不是 W3C 中的标准，但是众多浏览器都能实现对该对象模型，因此也被称为 0 级的 DOM 。

浏览器对象模型就是用于描述对象与对象之间层次关系的模型，该对象模型提供了独立于内容的，可以与浏览器窗口进行互动的对象结构。BOM 由多个对象组成，其中代表浏览器窗口的 Window 对象是 BOM 的顶层对象，其它对象都是该对象的子对象。BOM 结构示意图如下：


对象模型中对象的引用
通常在一个文档中，可以按照 BOM 中的对象层次来引用其中的对象，引用方式如下：

1. 顶层的 Windows 对象可以使用 "Window" 来引用。

2. 第 2 层的 Document 对象，History 对象，Location 对象，Navigator 对象 和 Screen 对象可以使用 "Document", "History ", "Location ", "Navigator " 和 "Screen " 来引用。

3. 第 3 层中的所有数组，都可以通过相应标签中的 name 属性值引用，也可以通过数组下标的形式引用。

4. 第 4 层中的对象都是 Form 对象的子对象，这些子对象代表了表单中的不同元素。对于这些元素，可以使用相应标签中的 name 属性值引用，也可以使用 elements[] 数组下标的方式引用。