---
# System prepended metadata

title: DOM跟BOM
tags: [JavaScript]

---

---
title: DOM跟BOM
tags: JavaScript
---

DOM與BOM
---
* BOM 最根部是指 window，也就是本身整個瀏覽器容器
* DOM也是BOM的其中一項
* DOM=document
* 瀏覽器裡的window物件扮演兩種角色:
    ECMAScript標準裡的全域物件（Global Object）
    JavaScript用來與瀏覽器溝通的窗口
* console也是屬於BOM底下
* 了解BOM跟DOM以後可以在console裡面做出指令
    如 在console裡面輸入 window.history.back(); =>回上一頁

圖解BOM跟DOM
---
![](https://i.imgur.com/efFcUxC.png)
BOM是瀏覽器 也叫做window
上一頁跟下一頁是history的物件
所在位子(網址)是location的物件
瀏覽器的寬高度是screen的物件
顯示出的網頁內容瀏覽區是document的物件
DOM裡面有很多很多的物件 有html
裡面還有分為head body....各節點都涵蓋在DOM裡面

DOM/BOM最大的差別
---
BOM: JS 與瀏覽器溝通的窗口，不涉及網頁內容。
語法範例 >> window.alert("hello world");
DOM: JS 用來控制網頁的節點與內容的標準。
語法範例 >> window.document.write("hello world");
