何為DOM？

Document Object Model Dom，是W3C組織推薦的處理可擴展標志語言的標準編程接口。在網頁上，組織頁面的對象被組織在一個樹形結構中，用來表示文檔中對象的標準模型就稱為DOM。

可以認為DOM是頁面上數據和結構的一個樹形表示。

Source:

DOM的歷史可以追溯至1990年代后期微軟與Netscape的“瀏覽器大戰”，雙方為了在JavaScript與JScript一決生死，于是大規模的賦予瀏覽器強大的功能。微軟在網頁技術上加入了不少專屬事物，既有VBScript、ActiveX、以及微軟自家的DHTML格式等，使不少網頁使用非微軟平臺及瀏覽器無法正常顯示。DOM即是當時蘊釀出來的杰作。

Methods:

HTML DOM是關于如何獲取、修改、添加或刪除HTML元素的標準。

HTML文檔中的所有節點組成了一個文檔樹。

訪問HTML元素等同于訪問節點，主要有以下三種方式：

1）通過使用getElementById()方法

2）通過使用getElementByTagName()方法

3）通過使用getElementByClassName()方法

獲取到DOM對象后，可以做很多事情，如獲取該節點的各種信息，進一步獲取其子節點、父節點的信息，還可以層層推進直到根或葉子。

Contents:

?

?

DOM= Document Object Model，文檔對象模型，DOM可以以一種獨立于平臺和語言的方式訪問和修改一個文檔的內容和結構。換句話說，這是表示和處理一個HTML或XML文檔的常用方法。

換句話說，這是表示和處理一個HTML或XML文檔的常用方法。有一點很重要，DOM的設計是以對象管理組織（OMG）的規約為基礎的，因此可以用于任何編程語言。最初人們把它認為是一種讓JavaScript在瀏覽器間可移植的方法，不過DOM的應用已經遠遠超出這個范圍。Dom技術使得用戶頁面可以動態地變化，如可以動態地顯示或隱藏一個元素，改變它們的屬性，增加一個元素等，Dom技術使得頁面的交互性大大地增強。

Application：

通過 JavaScript，您可以重構整個 HTML 文檔。您可以添加、移除、改變或重排頁面上的項目。

DOM的修改

1）改變HTML內容；

2）改變CSS樣式；

3）改變HTML屬性；

4）創建新的HTML元素；

5）刪除已有的HTML元素；

6）改變時間（處理程序）。

也就是說，從dom操作開始，真正能夠通過編程對文檔進行控制。

何為BOM？

?

Source:

BOM:Browser Objec Model，是指瀏覽器對象模型，是用于描述這種對象和對象之間層次關系的模型。BOM提供了獨立于內容的、可以與瀏覽器窗口進行互動的對象結構。

Methods:

對BOM的子對象包括document、history、location、screen、navigator和frame對象，每個對象都有許多的操作方法。

DOM對象的方法前面也說了，就如window，有window.open()，打開窗口，或window.close，關閉窗口，再如系統對話框，消息框alert，對話框confirm等等。

Contents:

BOM由多個對象組成，其中代表瀏覽器窗口的window對象是BOM的頂層對象，其他對象是該對象的子對象，包含了document、history、location、screen、navigator和frame對象。

?

Application： 1. 彈出新瀏覽器窗口的能力； 2. 移動、關閉和更改瀏覽器窗口大小的能力； 3. 可提供WEB瀏覽器詳細信息的導航對象； 4.可提供瀏覽器載入頁面詳細信息的本地對象； 5 .可提供用戶屏幕分辨率詳細信息的屏幕對象； 6. 支持Cookies； 7. Internet Explorer對BOM進行擴展以包括ActiveX對象類，可以通過JavaScript來實現ActiveX對象。

?

轉載于:https://www.cnblogs.com/ceneasy/p/9853611.html

總結

以上是生活随笔為你收集整理的DOMBOM(source、methods、contents、Application)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。