DOMY與BOM簡要介紹
DOM簡要介紹
- DOM是針對XML但經過擴展用於HTML的應用程序編程接口（API）
- DOM把整個頁面映射爲一個多層節點結構。
- XML或者HTML頁面中的每個組成部分都是某種類型的節點。
- 這些節點又包含着不同類型的數據。
<html>
<head>
<title>Sample Page</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>代碼的分層節點圖：
通過DOM創建的這個文檔的樹形圖，開發人員獲得了控制頁面內容和結構的主動權。藉助DOM提供的API，開發人員可以輕鬆自如地刪除、添加、替換和修改任何節點。
1、DOM出現的原因
負責制定web通信標準的W3C規劃DOM，以保持web跨平臺的天性，以及控制Netscape和微軟，避免造成兩強割據，瀏覽器互不兼容。
2、DOM級別
- DOM1級：目標爲映射文檔結構
- DOM核心：規定如何映射基於XML的文檔結構，以便簡化對文檔中任意部分的訪問和操作。
- DOM HTML：在DOM核心的基礎上加以擴展，添加了針對HTML的對象和方法。
- DOM2級：原來DOM的基礎+鼠標和用戶界面事件、範圍、遍歷（迭代DOM文檔的方法）等細分模塊，通過對象接口增加了對CSS的支持。DOM1級中的DOM核心模塊也經過擴展開始支持XML命名空間。
- DOM視圖：定義了跟蹤不同文檔（例如，應用CSS前後的文檔）視圖的接口。
- DOM事件：定義了事件和事件處理的接口。
- DOM樣式：定義了基於CSS爲元素應用樣式的接口。
- DOM遍歷和範圍：定義了遍歷和操作文檔樹的接口。
- DOM3級：進一步擴展了DOM，引入了以統一方式加載和保存文檔的方法——在DOM加載和保存模塊中定義；新增了驗證文檔的方法——在DOM驗證模塊中定義。DOM3級也對DOM核心進行了擴展，開始支持XML1.0規範，設計XML Infoset、XPath 和 XML Base。
3、其他DOM標準：
除了DOM核心和DOM HTML接口之外，另外幾種語言還發布了只針對自己的DOM標準。
下面幾種語言都是基於XML的，每種語言的DOM標準都添加了與特定語言相關的新方法和新接口： - SVG1.0
- MathML1.0
SMIL
BOM簡要介紹
BOM爲瀏覽器對象模型
開發人員使用BOM可以控制瀏覽器顯示的頁面以外的部分。HTML5中把很多BOM功能寫入正式規範。
從根本上說，BOM只處理瀏覽器窗口和框架，但所有針對瀏覽器的JavaScript擴展也算作BOM的一部分，部分擴展如下：彈出新瀏覽器窗口的功能；
- 移動、縮放和關閉瀏覽器窗口的功能；
- 提供瀏覽器詳細信息的navigator對象；
- 提供瀏覽器所加載頁面的詳細信息的location對象；
- 提供用戶顯示器分辨率詳細信息的screen對象；
- 對cookies的支持；
像XMLHttpRequest和IE的ActiveXObject這樣的自定義對象。
現在有了HTML5，BOM實現的細節有望朝着兼容性越來越高的方向發展。
小結：
JavaScript是一種專爲網頁交互而設計的腳本語言，由下列三個不同的部分組成：
- ECMAScript，由ECMA-262定義，提供核心語言功能；
- DOM，提供訪問和操作網頁內容的方法和接口；
- BOM，提供與瀏覽器交互的方法和接口。