1. 程式人生 > >Java Script 的Dom 與 Bom

Java Script 的Dom 與 Bom

Dom Bom

Dom是為了操作文件而出現的API , Document 是其的一個物件。

Bom是為了操作瀏覽器出現的API , window是其的一個物件。

 

Bom Browser Objece Model (瀏覽器物件模型) , 提供了獨立內容與瀏覽器視窗進行互動的物件 , 就是控制瀏覽器行為的而出現的API. 做的就是一些 頁面跳轉 ,

螢幕高度寬度捕捉等等行為. 比如一個Location 就是一個 Bom的物件 , 做一個重新載入的一個操作  Location.reload();

 

Window 物件是Bom的核心  

,  表示整個瀏覽器的視窗 . 通過這個物件可以獲取視窗位置、確定視窗大小、彈出對話方塊等等 .

 

Document物件是 window 物件的屬性,window物件的任何屬性和方法都可以直接訪問,這個物件即屬於Dom 又屬性Bom的物件。document 通常是整個 DOM 樹的根節點。這個 document 包含了標題、URL等屬性,可以直接在 JS 中訪問到。

 

BOMwindow包含了document,因此可以直接使用window物件的document屬性,通過document屬性就可以訪問、檢索、修改HTML文件內容與結構,BOM包含了DOM(

物件),瀏覽器提供出來給予訪問的是BOM物件,從BOM物件再訪問到DOM物件,從而js可以操作瀏覽器以及瀏覽器讀取到的文件。

 

Dom (Document Object Model(文件物件模型)) 是針對XML的基於樹的API。是處理網頁內容的方法和介面,是HTMLXMLAPIDOM把整個頁面分為由節點層級構成的文件。

 

這個DOM定義了一個DocumentElement做為這種實現的基礎,為了能以程式設計的方法操作這個 HTML 的內容(對HTML 的元素進行修改等操作),我們把這個 HTML 看做一個物件樹(DOM樹),它本身和裡面的所有東西比如

<div></div> 這些標籤都看做一個物件,每個物件都叫做一個節點(node)。