先來看一張圖吧：

解釋一下：

核心（ECMAScript)：定義了腳本語言的所有對象，屬性和方法

文檔對象模型（DOM)：HTML和XML應(yīng)用程序接口

瀏覽器對象模型(BOM)：對瀏覽器窗口進(jìn)行訪問操作

現(xiàn)在來具體的講一個(gè)各個(gè)成分：

關(guān)于ECMAScript

ECMAScript的工作是定義語法和對象，從最基本的數(shù)據(jù)類型、條件語句、關(guān)鍵字、保留字到異常處理和對象定義都是它的范疇。

在ECMAScript范疇內(nèi)定義的對象也叫做原生對象。

其實(shí)上它就是一套定義了語法規(guī)則的接口，然后由不同的瀏覽器對其進(jìn)行實(shí)現(xiàn),最后我們輸寫遵守語法規(guī)則的程序，完成應(yīng)用開發(fā)需求。



關(guān)于DOM

根據(jù)DOM的定義(HTML和XML應(yīng)用程序接口)可知DOM由兩個(gè)部分組成，針對于XML的DOM即DOM Core和針對HTML的DOM HTML。

那DOM Core 和DOM HTML有什么區(qū)別與聯(lián)系呢?

DOM Core的核心概念就是節(jié)點(diǎn)(Node)。DOM會將文檔中不同類型的元素(這里不元素并不特指<div>這種tag,還包括屬性，注釋，文本之類）都看作為不同的節(jié)點(diǎn)。

節(jié)點(diǎn)結(jié)構(gòu)圖

上圖描述了DOM CORE的結(jié)構(gòu)圖，比較專業(yè),來看一個(gè)簡單的：