1.1 Javascript 簡(jiǎn)史
講述了 Javascrip 誕生和發(fā)展的過(guò)程
1.2 Javascript 實(shí)現(xiàn)
一個(gè)完整的 Javascript 實(shí)現(xiàn)應(yīng)該由三個(gè)部分組成:
- 核心 -
ECMAScript
- 文檔對(duì)象模型 -
DOM
- 瀏覽器對(duì)象模型 -
BOM
1.2.1 ECMAScript
ECMA 是 Javascript 的語(yǔ)言規(guī)范,瀏覽器、Node徽惋、Flash 都是 Javascript 的運(yùn)行環(huán)境恃疯,ECMA 包含以下部分:
- 語(yǔ)法
- 類型
- 語(yǔ)句
- 關(guān)鍵字
- 保留字
- 操作符
- 對(duì)象
1.2.2 文檔對(duì)象模型(DOM)
DOM 將整個(gè)頁(yè)面映射成一個(gè)多層節(jié)點(diǎn)結(jié)構(gòu)氧敢,通過(guò)編程接口养晋,可以添加刪除、替換和修改任何節(jié)點(diǎn)
<img src="http://upload-images.jianshu.io/upload_images/1342891-c3db91294116f43c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" width="30" height="30"/>
1. 為什么使用 DOM
制定統(tǒng)一的文檔對(duì)象模型規(guī)范某筐,確保技術(shù)兼容究孕。
2. DOM 級(jí)別
DOM 分為三個(gè)級(jí)別
DOM 1 級(jí)包括
- DOM 核心啥酱,規(guī)定如何映射文檔結(jié)構(gòu)
- DOM HTML ,添加了針對(duì) HTML 的對(duì)象和方法
DOM 2 級(jí)包括
- DOM 視圖:定義了文檔視圖的相關(guān)接口
- DOM 事件:定義了用戶界面和鼠標(biāo)事件處理的接口
- DOM 樣式:定義了處理 CSS 對(duì)象的接口
- DOM 遍歷和范圍:定義了遍歷和操作文檔樹(shù)的接口
DOM 3 級(jí)包括
- DOM 加載和保存文檔的方法
- DOM 驗(yàn)證
3. 其他 DOM 標(biāo)準(zhǔn)
- SVG 可伸縮矢量圖
- MathML 數(shù)學(xué)標(biāo)記語(yǔ)言
- SMIL 多媒體集成語(yǔ)言
4. Web 瀏覽器對(duì) DOM 的支持
該內(nèi)容已經(jīng)過(guò)時(shí)
1.2.3 瀏覽器對(duì)象模型 BOM
通過(guò) BOM 可以訪問(wèn)和操作瀏覽器窗口等頁(yè)面以外的部分蚊俺,他是 Javascript 的一部分,但是沒(méi)有標(biāo)準(zhǔn)逛万,直到 HTML5 才列入規(guī)范泳猬。包括:
- 彈出新瀏覽器窗口
- 移動(dòng)、縮放和關(guān)閉瀏覽器窗口
- 提供瀏覽器詳細(xì)信息的
navigator
對(duì)象 - 提供頁(yè)面加載信息的
location
對(duì)象 - 提供顯示信息的 screen 對(duì)象
- 對(duì)
cookies
的支持 - 其他自定義對(duì)象如
XMLHttpRequest宇植、ActiveXObject
1.3 Javascript 版本
版本很混亂得封,沒(méi)有什么規(guī)律性