看到一篇不錯的講解這四個的文章，所以這裡就把其中的知識點記錄下來，並且加上我自己的一些總結。
總結一下：
DOM 是為了操作文件出現的 API，document 是其的一個物件；
BOM 是為了操作瀏覽器出現的 API，window 是其的一個物件。
DOM
為了能夠通過程式設計的方法操作HTML的內容（添些元素、修改元素、刪除元素），即對各種DOM進行操作。
Document
Document就是整個DOM樹的根節點。可以通過document訪問到dom樹的所有節點。
下面是總結的document的屬性
cookie
domain:返回文件當前的域名
URL:返回文件當前的URL
title:拿到文件的標題
body
head
getElementBy系列
複製程式碼BOM
BOM是為了控制瀏覽器行為而出現的介面。它裡面有著很多的物件來操作瀏覽器的行為。 下面這張圖就是知乎上某個知友貼出來的區分BOM區域和DOM區域的。
window
window是BOM中的一個物件。window是BOM的頂層物件，其他的BOM物件都是window的屬性
下面是window物件的屬性，主要用於獲取瀏覽器資訊和對瀏覽器的操作。
