7th WEEK BLOG：DOM.BOM技術
一、來源
DOM.BOM文件物件模型（Document Object Model，簡稱DOM），是W3C推薦的處理可擴充套件標誌語言的標準程式設計介面。Document Object Model的歷史可以追溯至1990年代後期微軟與Netscape的“瀏覽器大戰”，雙方為了在JavaScript與JScript一決生死，於是大規模的賦予瀏覽器強大的功能。微軟在網頁技術上加入了不少專屬事物，計有VBScript、ActiveX、以及微軟自家的DHTML格式等，使不少網頁使用非微軟平臺及瀏覽器無法正常顯示。DOM即是當時醞釀出來的傑作。
BOM(Browser Object Mode) 是指瀏覽器物件模型，是用於描述這種物件與物件之間層次關係的模型，瀏覽器物件模型提供了獨立於內容的、可以與瀏覽器視窗進行互動的物件結構。BOM由多個物件組成，其中代表瀏覽器視窗的Windows物件是BOM的頂層物件，其他物件都是該物件的子物件。
二、使用方法
HTML DOM的使用方法：
| getElementById() | 返回帶有指定 ID 的元素。 |
| getElementsByTagName() | 返回包含帶有指定標籤名稱的所有元素的節點列表（集合/節點陣列）。 |
| getElementsByClassName() | 返回包含帶有指定類名的所有元素的節點列表。 |
| appendChild() | 把新的子節點新增到指定節點。 |
| removeChild() | 刪除子節點。 |
| replaceChild() | 替換子節點。 |
| insertBefore() | 在指定的子節點前面插入新的子節點。 |
| createAttribute() | 建立屬性節點。 |
| createElement() | 建立元素節點。 |
| createTextNode() | 建立文字節點。 |
| getAttribute() | 返回指定的屬性值。 |
| setAttribute() | 把指定屬性設定或修改為指定的值。 |
JavaScript BOM的使用方法：
open()：開啟一個新的頁面，格式為open(頁面的url,開啟的方式)，如果url為空則開啟一個空白頁面。如果開啟方式為空，預設為新視窗方式開啟。這個方法返回新視窗的window物件。
close()：關閉一個頁面，但是這個方法有點相容性問題，firefox預設無法關閉，chrome預設直接關閉，ie：詢問使用者。
navigator.userAgent：返回瀏覽器的名稱和版本。
location：瀏覽器地址資訊，本身不是字串，是object格式。
location：就是url地址本身。
location.search：url中?後面的內容。
location.hash：url中#後面的內容。
取自：https://blog.csdn.net/qq_33837446/article/details/77523344 &菜鳥教程網
三、應用
DOM：
（一）建立DOM元素：createElement
（二）插入DOM元素：insertBefore
（三）刪除DOM元素：removeChild
（四）文件碎片
BOM：
（一）開啟、關閉瀏覽器
（二）限制尺寸及座標：
（三）window物件（例如返回頂部按鈕）
（四）警告框：alert（‘內容’）；沒有返回值
選擇框：confirm（‘提問的內容’），返回Boolean
輸入框：prompt（），返回字串
取自：https://blog.csdn.net/qq_37994920/article/details/82382994
四、內容
DOM 是 W3C（全球資訊網聯盟）的標準。DOM 定義了訪問 HTML 和 XML 文件的標準；
改變 HTML 內容（改變元素內容的最簡單的方法是使用 innerHTML 屬性）
改變 HTML 樣式（通過 HTML DOM，您能夠訪問 HTML 物件的樣式物件）
BOM 是 各個瀏覽器廠商根據 DOM在各自瀏覽器上的實現。