BOM（瀏覽器對象模型）

定義與作用
BOM（Browser Object Model）提供與瀏覽器窗口交互的接口，用于控制導航、窗口尺寸、歷史記錄等瀏覽器行為

window：瀏覽器窗口的頂層對象，包含全局屬性和方法（如 alert()）

BOM的核心對象是window，而DOM的核心對象document是window的一個屬性。通過window.document可以直接訪問DOM的根節點，這表明DOM在結構上是BOM的子集

DOM（文檔對象模型）

定義與作用
DOM（Document Object Model）是用于操作 HTML/XML 文檔的編程接口，它將網頁內容解析為樹狀結構（DOM樹），允許開發者通過 JavaScript 動態訪問和修改頁面元素、屬性、樣式及事件等

核心對象：document 是 DOM 的入口，代表整個 HTML 文檔

節點類型：
元素節點（如

）、文本節點（元素內的文本）、屬性節點（如 class）等

alert()、，實際是調用window.alert()、
**// 直接訪問 document
document.getElementById(“content”);

// 等價于通過 window 訪問
window.document.getElementById(“content”);

BOM 的組成部分： console 是瀏覽器對象模型（BOM）提供的調試工具接口，而 BOM 的核心對象是 window，因此 console 作為瀏覽器功能的一部分，自然掛載在 window 下。
全局作用域的體現： window 是瀏覽器中的全局作用域對象，所有瀏覽器提供的全局 API（如 document，console）均是其屬性。
window.alert(…) 警告框
document.write(…) 在HTML 輸出內容
console.log(…) 寫入瀏覽器控制臺
沒有寫window的其實默認有
原因，window 是全局對象 在瀏覽器環境中，window 是 JavaScript 的全局對象，所有全局作用域下的變量、函數和內置方法均屬于 window 的屬性或方法 。