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

來源:互聯網
上載者:User

當我們開啟一個網頁的時候,瀏覽器會首先建立一個視窗,這個視窗就是我所知道的window對象,也就是整個Javascript運行所依附的全域變數。

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

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

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

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

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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.