js上課筆記5/11
DOM（Document Object Model，文件物件模型）
當網頁加載時，瀏覽器會在頁面上創建一個文件物件模型。像是一個結構樹枝圖。
網頁會變成一個 document，一個文件，然後幫你去做解析，變成 html 標籤，並解讀裡面內容，解讀 head 裡面的內容、元素裡面有沒有其他屬性，譬如裡面 A連結裡面有 href，解析完以後，就會陸續顯示出你的畫面，因為 chrome 瀏覽器，速度非常的快，所以會覺得啪一下的畫面就出來了。
script 碼要放在 body 裡面的最下面，確保html及樣式css 都出現後，再放要執行的 JavaScript，否則樣式可能會出不來。
引擎／解譯器（interpreter）
每個瀏覽器都有每個瀏覽器的JavaScript 引擎，也叫做 interpreter（解譯器），當解譯器讀取到你的 js 測試檔案，他會透過 JavaScript 引擎幫你去做編譯，編譯完就會即時的顯示出效果，像 chrome 的引擎名稱叫做 V8，速度非常的快。 也可開啟 chrome 的開發除錯工具，裡頭的 console可以直接寫各個 JavaScript ，打完他就馬上去做執行了，有時候會直接在裡面做除錯。
資料來源 : w3school、MDN Web Docs
