一、javascript組成
咱們平時理解的javascript和ECMAScript是一樣的東西,相信不少人,包括在開發一線不少年的老司機也容易造成這樣的誤區。但 JavaScript 的含義卻比 ECMA-262 中規定的要多得多。實際上一個完整的javascript是由下圖所示的三個不一樣的部分組成javascript
圖1-1html
二、ECMAscript簡介
咱們常見的 Web 瀏覽器只是 ECMAScript 實現可能的宿主環境之一。宿主環境不只提供基本的ECMAScript 實現,同時也會提供該語言的擴展,以便語言與環境之間對接交互。而這些擴展——如DOM,則利用 ECMAScript 的核心類型和語法提供更多更具體的功能,以便實現針對環境的操做。其餘宿主環境包括 Node(一種服務端 JavaScript 平臺)和 Adobe Flash。前端
那麼該標準規定了什麼呢,java
- 語法
- 類型
- 語句
- 關鍵字
- 保留字
- 操做符
- 對象
ECMAScript 就是對實現該標準規定的各個方面內容的語言的描述。 JavaScript 實現了 ECMAScript,Adobe ActionScript 一樣也實現了 ECMAScript。瀏覽器
關於這個標準的由來,緣由是因爲早期神仙打架,各大瀏覽器廠商分別定義了本身的瀏覽器腳本語言,而後沒有一個既定的標準,使得廣大前端開發不得不寫許多的hack(一些神奇的技巧)來兼容各類瀏覽器,因此這個標準出現了。固然了,你有你的標準,尊不遵循就是各大瀏覽器廠商的意思了。那麼問題來了,各個瀏覽器廠商對標準的支持怎麼樣呢。下表列出了 ECMAScript 受主流 Web 瀏覽器支持的狀況:cookie
總結:顯而易見,瀏覽器版本越高,對標準的支持程度也越高。框架
三、文檔對象模型( DOM)
DOM(Document Object Model)是針對XML,可是通過擴展後也能夠用於HTML結構解析的API。咱們所能在瀏覽器上看到的繽紛多彩的網頁內容都是能夠HTML標籤寫出,DOM把整個HTML結構映射爲多層節點結構。看下面這個HTML片斷:spa
<html> <head> <title>Sample Page</title> </head> <body> <p>Hello World!</p> </body> </html>
在 DOM 中,這個頁面能夠經過圖 1-2 所示的分層節點圖表示。經過 DOM 建立的這個表示文檔的樹形圖,開發人員得到了控制頁面內容和結構的主動權。藉助DOM 提供的 API,開發人員能夠輕鬆自如地刪除、添加、替換或修改任何節點設計
四、瀏覽器對象模型( BOM)
Internet Explorer 3 和 Netscape Navigator 3 有一個共同的特點,那就是支持能夠訪問和操做瀏覽器窗口的瀏覽器對象模型( BOM, Browser Object Model)。開發人員使用 BOM 能夠控制瀏覽器顯示的頁面之外的部分。而 BOM 真正不同凡響的地方(也是常常會致使問題的地方),仍是它做爲 JavaScript 實現的一部分但卻沒有相關的標準。這個問題在 HTML5 中獲得瞭解決, HTML5 致力於把不少 BOM 功能寫入正式規範。 HTML5 發佈後,不少關於 BOM 的困惑煙消雲散。
從根本上講, BOM 只處理瀏覽器窗口和框架;但人們習慣上也把全部針對瀏覽器的 JavaScript 擴展算做 BOM 的一部分。下面就是一些這樣的擴展:
彈出新瀏覽器窗口的功能;
移動、縮放和關閉瀏覽器窗口的功能;
提供瀏覽器詳細信息的 navigator 對象;
提供瀏覽器所加載頁面的詳細信息的 location 對象;
提供用戶顯示器分辨率詳細信息的 screen 對象;
對 cookies 的支持;
像 XMLHttpRequest 和 IE 的 ActiveXObject 這樣的自定義對象。
因爲沒有 BOM 標準能夠遵循,所以每一個瀏覽器都有本身的實現。雖然也存在一些事實標準,例如要有 window 對象和 navigator 對象等,但每一個瀏覽器都會爲這兩個對象乃至其餘對象定義本身的屬性和方法。如今有了 HTML5, BOM 實現的細節有望朝着兼容性愈來愈高的方向發展
code
五、總結
JavaScript 是一種專爲與網頁交互而設計的腳本語言,由下列三個不一樣的部分組成: ECMAScript,由 ECMA-262 定義,提供核心語言功能; 文檔對象模型( DOM),提供訪問和操做網頁內容的方法和接口; 瀏覽器對象模型( BOM),提供與瀏覽器交互的方法和接口。 JavaScript 的這三個組成部分,在當前五個主要瀏覽器( IE、 Firefox、 Chrome、 Safari 和 Opera)中都獲得了不一樣程度的支持。其中,全部瀏覽器對 ECMAScript 第 3 版的支持大致上都還不錯,而對ECMAScript 5 的支持程度愈來愈高,但對 DOM 的支持則彼此相差比較多。對已經正式歸入 HTML5 標準的 BOM 來講,儘管各瀏覽器都實現了某些衆所周知的共同特性,但其餘特性仍是會因瀏覽器而異