理解JavaScript中BOM和DOM的關係

昊晗遠昂發表於2018-09-17

JavaScript 有三部分構成,ECMAScriptDOMBOM,根據宿主(瀏覽器)的不同,具體的表現形式也不盡相同,IE和其他的瀏覽器風格迥異。物件是JavaScript最重要的API,包含內建物件、外部物件(window物件、dom物件)和自定義物件。

1、BOM全稱Browser Object Model,即瀏覽器物件模型,主要處理瀏覽器視窗和框架。

2、DOM全稱Document Object Model,即文件物件模型,是 HTML 和XML 的應用程式介面(API),遵循W3C 的標準,所有瀏覽器公共遵守的標準。

JavaScript是通過訪問BOM(Browser Object Model)物件來訪問、控制、修改客戶端(瀏覽器),由於BOMwindow包含了document,window物件的屬性和方法是直接可以使用而且被感知的,因此可以直接使用window物件的document屬性,通過document屬性就可以訪問、檢索、修改XHTML文件內容與結構。因為document物件又是DOM的根節點。可以說,BOM包含了DOM(物件),瀏覽器提供出來給予訪問的是BOM物件,從BOM物件再訪問到DOM物件,從而js可以操作瀏覽器以及瀏覽器讀取到的文件。

 

相關文章