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 文檔
節點類型:
元素節點(如

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 的屬性或方法 。