html、css以及js檔案載入順序及執行情況

迷茫
發布: 2017-03-25 11:11:24
原創
2232 人瀏覽過

今天看書,看到html,css,js加載執行情況,發現自己並不是真正的了解,網上搜了半小時依然未弄明白,就在這時我找到了讓我恍然大悟的一段話,如下:

HTML頁面載入和解析流程 

1. 使用者輸入網址(假設是html頁面,並且是第一次造訪),瀏覽器向伺服器發出請求,伺服器傳回html檔案。 

2. 瀏覽器開始載入html程式碼,發現標籤內有標籤引用外部CSS檔案。 

3. 瀏覽器又發出CSS檔案的請求,伺服器回傳這個CSS檔案。 

4. 瀏覽器繼續載入html中部分的程式碼,而CSS檔案已經拿到手了,可以開始渲染頁面了。 

5. 瀏覽器在程式碼中發現一個標籤引用了一張圖片,向伺服器發出請求。此時瀏覽器不會等到圖片下載完,而是繼續渲染後面的程式碼。 

6. 伺服器傳回圖片文件,由於圖片佔據了一定面積,影響了後面段落的排布,因此瀏覽器需要回頭重新渲染這部分程式碼。 

7. 瀏覽器發現了一個包含一行Javascript程式碼的

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!