系列文章導航：

JavaScript學習筆記一——數據類型

JavaScript學習筆記二——函數

JavaScript學習筆記三——作用域

JavaScript學習筆記四——Eval函數

JavaScript學習筆記五——類和對象

JavaScript學習筆記六：prototype的提出

Javascript學習筆記七——原型鏈的原理

Javascript學習筆記八——用JSON做原型

Javascript學習筆記九——prototype封裝繼承

Javascript學習筆記十——網頁運行原理

Javascript學習筆記十一——包裝DOM對象

Javascript學習筆記十三——關于響應事件

Javascript學習筆記十二——Ajax入門

當我們打開一個網頁的時候，瀏覽器會首先創建一個窗口，這個窗口就是我所知道的window對象，也就是整個Javascript運行所依附的全局變量。

為了加載網頁文檔，當前窗口又需要創建一個Document對象，然后把打開的網頁加載到Document下。網頁就是在這個加載的過程中，一邊加載一邊呈現，所以我們當網速非常慢的時候可以看到，網頁從上到下一點點地打開。

當我們用<script src=’’>引入其他的JS時，瀏覽器可能會派遣其他線程去下載，但是瀏覽器也會等待需要的JS文件下載完成，然后再有主線程按順序加載JS其他的代碼。在Web標準下，限制對同一個域名最多只允許使用兩個線程可以同時加載內容，當然可以通過修改注冊表來強迫Windows模塊突破這一限制。

同時，許多網站會把js放到不同的子域名下，這樣就可以使瀏覽器開啟更多的線程并行加載這些資源，從而更加充分地利用網絡帶寬。

當整個頁面都加載結束后，瀏覽器開始觸發window對象或者body對象的onload事件，其實window對象和body對象的load事件是想通的，這也就意味著兩個事件只能有一個起作用。當然，在常規意義上，也沒有同時設置兩者的需求。

到此結束，然后JS引擎就暫停工作，等待著下一次的觸發。因此我們可以說：“JS總是被動觸發的”。

it知識庫：Javascript學習筆記十&amp;mdash;&amp;mdash;網頁運行原理，轉載需保留來源！

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。