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

作者: 飛林沙  來源: 博客園  發布時間: 2010-01-25 13:11  閱讀: 3646 次  推薦: 1   原文鏈接   [收藏]  

系列文章導航:

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總是被動觸發的”。

1
0
 
標簽:JavaScript
 
 

文章列表

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()