JavaScript中DOM和BOM原理詳析

1、DOM并不是JavaScript的獨(dú)生子，其他語言也可以實(shí)現(xiàn)DOM操作。對于瀏覽器來說，DOM是通過ECMAScript實(shí)現(xiàn)的，已經(jīng)成為JavaScript的重要組成部分。關(guān)于DOM Level 2，大多數(shù)讀者可能不太重視，因?yàn)樗饕顷P(guān)于層疊樣式表（CSS）的支持。

2、BOM是JavaScript訪問瀏覽器操作環(huán)境的接口，主要包括window、location和history三個對象。其中，window對象提供瀏覽器窗口相關(guān)操作，如大小調(diào)整、關(guān)閉窗口等；location對象用于獲取和修改當(dāng)前窗口URL和位置信息；history對象則負(fù)責(zé)管理瀏覽器的前進(jìn)、后退和刷新操作。這些操作對網(wǎng)頁導(dǎo)航和狀態(tài)管理至關(guān)重要。

3、BOM是瀏覽器對象模型，DOM則是文檔對象模型。BOM主要用來操作瀏覽器環(huán)境，包括但不限于瀏覽器窗口、歷史記錄、屏幕尺寸等。而DOM則專注于處理HTML文檔內(nèi)容，通過一對象結(jié)構(gòu)來表示和操作頁面上的元素。

4、window是BOM的一個對象，除了作為編程的全局環(huán)境之外，還提供了一方法用于獲取窗口信息、調(diào)整窗口大小、彈出對話框等操作。例如，關(guān)閉當(dāng)前窗口的代碼。綜上所述，DOM、ument、BOM和window在JavaScript中分別提供了操作HTML文檔、訪問文檔內(nèi)容、控制瀏覽器行為以及作為全局環(huán)境的功能。

JavaScript全解析——DOM(中)

mouleave：鼠標(biāo)指針移出元素時觸發(fā)。鍵盤：keyup：用戶抬起鍵時觸發(fā)。keydown：用戶按下鍵時觸發(fā)。keypress：用戶按下并釋放鍵時觸發(fā)。表單：focus：元素獲取焦點(diǎn)時觸發(fā)。blur：元素失去焦點(diǎn)時觸發(fā)。change：表單內(nèi)容改變時觸發(fā)。input：表單內(nèi)容輸入或刪除時觸發(fā)。ret：表單重置時觸發(fā)。

可以直接通過JavaScript獲取瀏覽器窗口的寬度和高度。處理：的綁定方式有捕獲和冒泡兩種，開發(fā)者可以根據(jù)需要選擇其中一種。類型包括瀏覽器、鼠標(biāo)、鍵盤、表單和觸摸等。對象包含了的相關(guān)信息，如點(diǎn)擊的光標(biāo)坐標(biāo)點(diǎn)以及的傳播過程。

《JavaScript 權(quán)威指南》解讀——：目標(biāo)：在JavaScript瀏覽器環(huán)境中，任何DOM元素都可以成為目標(biāo)，即觸發(fā)的直接對象。例如，點(diǎn)擊div中的button時，button就是目標(biāo)。處理函數(shù)：通過為目標(biāo)綁定處理函數(shù)，可以在發(fā)生時特定操作。