1. 程式人生 > >關於DOM和BOM

關於DOM和BOM

DOM

DOM 是 W3C(全球資訊網聯盟)的標準。

DOM 定義了訪問 HTML 和 XML 文件的標準:

“W3C 文件物件模型 (DOM) 是中立於平臺和語言的介面,它允許程式和指令碼動態地訪問和更新文件的內容、結構和樣式。”

W3C DOM 標準被分為 3 個不同的部分:

  • 核心 DOM - 針對任何結構化文件的標準模型
  • XML DOM - 針對 XML 文件的標準模型
  • HTML DOM - 針對 HTML 文件的標準模型

編者注:DOM 是 Document Object Model(文件物件模型)的縮寫。

 

 

source

<source> 標籤為媒介元素(比如 <video> 和 <audio>)定義媒介資源。

<source> 標籤允許您規定可替換的視訊/音訊檔案供瀏覽器根據它對媒體型別或者編解碼器的支援進行選擇。

 

method

method 屬性規定如何傳送表單資料(表單資料傳送到 action 屬性所規定的頁面)。

表單資料可以作為 URL 變數(method="get")或者 HTTP post (method="post")的方式來發送。

 

Content

content 屬性與 :before 及 :after 偽元素配合使用,來插入生成內容。

 

BOM

BOM 主要處理瀏覽器視窗和框架,不過通常瀏覽器特定的 JavaScript 擴充套件都被看做 BOM 的一部分。這些擴充套件包括:

彈出新的瀏覽器視窗 移動、關閉瀏覽器視窗以及調整視窗大小 提供 Web 瀏覽器詳細資訊的定位物件 提供使用者螢幕解析度詳細資訊的螢幕物件 對 cookie 的支援 IE 擴充套件了 BOM,加入了 ActiveXObject 類,可以通過 JavaScript 例項化 ActiveX 物件

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