1. 程式人生 > >js 網頁運行原理

js 網頁運行原理

文件 asc ont load mil 當前 開啟 全局變量 web

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

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

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

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

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

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

js 網頁運行原理