JavaScript與瀏覽器的工作
1.瀏覽器獲取並加載你的頁面，從上至下解析它的內容。
遇到JavaScript時，瀏覽器會解析代碼，檢查它的正確性，然后執行代碼。
瀏覽器還會建立一個HTML頁面的內部模型（DOM）。
2.JavaScript繼續執行，使用DOM檢查頁面、完成修改、從頁面接受事件，或者要求瀏覽器從Web服務器獲取其它數據。
JavaScript如何與頁面交互？
JavaScript是代碼，HTML是標記，完全不同的東西
怎么讓它們交互呢？
答案是使用文檔對象模型（Docunment Object Model，簡稱DOM）。
DOM的妙處在於：它能夠在所有瀏覽器上提供一種一致的方式，通過代碼訪問HTML的結構和內容。
1、在瀏覽器加載一個頁面時，瀏覽器會解析HTML，並創建文檔的一個內部模型，其中包含HTML標記的所有元素。
2、JavaScript可以與DOM交互（JavaScript使用DOM創建或刪除元素等等）
document是一個反映HTML的對象，通過調用document的方法改變DOM的狀態，也就是改變HTML頁面
3、JavaScript修改了DOM時，瀏覽器會隨着動態更新頁面。
自制DOM
材料：格式正確的HTML5頁面，WEB瀏覽器
做法：
1、在最上面創建一個document節點
2、取HTML頁面的最頂層元素，在這里就是<HTML>元素，把它作為document的子節點加到DOM中
3、對於當前元素中嵌套的每一個元素，將該元素作為當前元素的子節點增加到DOM
4、對於剛增加的元素，執行第三步，重復工作，直到處理完所有元素
HTML頁面如下
1 <!DOCTYPE html> 2 <html lang="helloworld"> 3 4 <head> 5 <title>DOM</title> 6 <meta cherset="utf-8"> 7 <script src="dom.js" ></script> 8 </head> 9 10 <body> 11 <h1>My Dom</h1> 12 <div id="entry1"> 13 <h2>hello</h2> 14 <p> 15 Today, I am making a dom!!! 16 </p> 17 </div> 18 </body> 19 20 </html>
得到的DOM如下圖
