前面一篇我們簡單介紹了 JavaScipt 的曆史，在 JavaScript 發展的前十幾年時間，Nodejs 出現以前，JavaScript 主要是用于 Web 開發，也就是俗稱網頁或網站開發。
早期 JavaScript 隻是寄生在浏覽器上面的一門腳本語言，離開了浏覽器它什麼都做不了，還需要浏覽器提供的 文檔對象模型DOM、浏覽器對象模型BOM才能正真的工作起來。
1. 文檔對象模型（DOM）
使用者需要與網頁内容和浏覽器視窗互動，浏覽器除了呈現内容以外，還提供了一套機制，讓開發者能夠使用 JavaScript 語言控制網頁上的元素（HTML），稱之為“文檔對象模型（Document Object Model，簡稱DOM）”。
對于網頁開發，可以了解 DOM 是 HTML 文檔在記憶體中的抽象節點樹，通過全局對像 document.getElement(s)ByXXX 函數擷取 HTML 元素對象，如下圖：
通過修改傳回的節點對象屬性，就能實時改變Web頁面的表現，你也可以通過 DOM 提供的其它 API 接口建立、删除 HTML 元素。
總之來說，如果你是想開發網站，設計互動網頁，DOM 的學習必不可少，但對于使用 Cocos Creator 做 H5 遊戲則不是必須的。
幾乎所有的 UI（user interface 使用者界面）開發架構，都是使用的抽像樹狀節點模型，如果你已經了解 DOM 的機制，對于 Cocos Creator 中的場景樹、節點了解起來會非常輕松。
2. 浏覽器對象模型（BOM）
除了對網頁内容的控制，Web 開發人員，還需要使用 JavaScrip 控制 浏覽器視窗，例如：
使用 BOM 提供的 alert 函數可以使用浏覽器彈出一個提示視窗，代碼如下：
運作效果：
使用 history 對象接口，儲存了使用者浏覽網頁的曆史，使用 history.forward() \ history.back() 與我們點選浏覽器的前進後退的作用相同，在浏覽器控制台輸入下面代碼，可以看到效果：
擷取目前浏覽器視窗高寬、位置等資訊
設定 location.href 可以跳轉到指定連結，在浏覽器控制台輸入如下代碼跳轉連結：
location.href = 'http://www.creator-star.cn';
3. ECMAScript
ECMAScript 是用來标準化 JavaScript 語言的基本文法結構，對于使用 JavaScript 編寫遊戲來說它才是我們需要掌握的重點，主要有以下内容：
基本文法
内置對象
原型繼承
随着 ECMAScript 規範的疊代發展 ECMAScript 6、7 （簡稱ES6、7），現代化的浏覽器已經支援絕大部分ES6、ES7的新文法，同時 Cocos Creator 引擎内置有 Bable 編譯器，在建構時會将 ES6、ES7 文法轉換為 ES5 文法可相容舊版本浏覽器。雖然運作在目标裝置上仍然是 ES5 的代碼，但不影響我們使用新版本的文法。
在接下來的教程中，Shawn 将從 ECMAScript 最基礎的文法開始講解，歡迎關注，期待你的加入！
英文專業術語解釋
HTML：全稱 Hypertext Markup Language，超文本标記語言
document：n. 檔案；公文；文獻；證件；（計算機） 文檔
object：n. 目标；物體；（計算機） 對象
model：n. 模型；樣式
browser：n. 浏覽器；浏覽書本的人
ECMA：全稱 European Computer Manufacturers Association，歐洲計算機制造商協會
script：n. 劇本；電影劇本；（計算機）腳本
bable：n. 通天塔；這裡 Babel指的是一個 JavaScript 編譯器
creator：n. 上帝；造物主；這裡指的是 Cocos Creator 遊戲引擎