重看Javascript高階程式設計,第1章:Javascript簡介
阿新 • • 發佈:2019-01-12
做前端這麼多年來。一直覺得自己只是一個切圖仔。需要什麼特效就去網上下載。然後也不管原理,只要滿足需求就行。現在看到自己的底子有點差,決定開始奮起直追。放低姿態,努力前進。每天進步一點點,爭取早點給我們家的小胖子一個家。
1.2 Javascript的實現
一個完整的javascript實現由下列3個不同的部分組成
- ---核心(ECMAScript)
- ---文件物件模型(DOM)
- ---瀏覽器物件模型(BOM)
以上三個部分,在當前5個主流瀏覽器(IE、Firefox、Chrome、Safari和Opera)中都有不同程度的支援和差異性。
1.2.2 文件物件模型(DOM)
<html>
<head>
<title>a page</title>
</head>
<body>
<p>
何為DOM,我就是DOM結構
</p>
</body>
</html>
2.DOM級別
DOM 1 級有兩個模板組成:DOM核心(DOM Core)和DOM HTML。
- DOM核心規定是如何對映基於XML的文件結構。以便簡化對文件中任意部分的訪問和操作。
- DOM HTML模組在DOM核心基礎上加以擴充套件。添加了針對HTML的方法。
DOM 2 級引入了下列新模組。也給出了眾多新型別和新介面的定義。
- DOM檢視(DOM Views):定義了跟蹤不同文件(例,應用CSS之前和之後的文件)檢視的介面;
- DOM事件(DOM Events):定義了事件和事件處理的介面;
- DOM樣式(DOM Style):定義了基於CSS為元素應用樣式的介面;
- DOM遍歷和範圍(DOM Traversal and Range):定義了遍歷和操作文件樹的介面。
DOM 3 級引入統一方式載入和儲存文件的方法-------在DOM載入和儲存模組中定義;新增驗證文件的方法-------在DOM中驗證模組中定義。
3.其他DOM標準
除DOM核心和DOM HTML 介面之外,其他語言只針對自己的DOM標準如下。都是基於XML的,每種語言的DOM標準都有特定的方法和介面
- SVG(可伸縮向量圖)
- MathML(數學標記語言)
- SMIL(同步多媒體整合語言)
1.2.3 瀏覽器物件模型(BOM)
BOM一般只處理瀏覽器視窗和框架,後來人們習慣把所有對瀏覽器的Javascript擴充套件算作BOM的一部分。如下:
- 彈出新瀏覽器視窗的功能;
- 移動、縮放和關閉瀏覽器視窗的功能;
- 提供瀏覽器詳細資訊的navigator物件;
- 提供瀏覽器所載入頁面的詳細資訊的location物件;
- 提供使用者顯示解析度詳細資訊的screen物件;
- 對Cookies的支援;
- 像XMLHttpRequest和IE的ActiveXObject這樣的自定義物件。