html、css以及js檔案載入順序及執行情況
- 迷茫原創
- 2017-03-25 11:11:242279瀏覽
今天看書，看到html，css，js加載執行情況，發現自己並不是真正的了解，網上搜了半小時依然未弄明白，就在這時我找到了讓我恍然大悟的一段話，如下：
HTML頁面載入和解析流程
1. 使用者輸入網址（假設是html頁面，並且是第一次造訪），瀏覽器向伺服器發出請求，伺服器傳回html檔案。
2. 瀏覽器開始載入html程式碼，發現
標籤內有標籤引用外部CSS檔案。3. 瀏覽器又發出CSS檔案的請求，伺服器回傳這個CSS檔案。
4. 瀏覽器繼續載入html中
部分的程式碼，而CSS檔案已經拿到手了，可以開始渲染頁面了。5. 瀏覽器在程式碼中發現一個標籤引用了一張圖片，向伺服器發出請求。此時瀏覽器不會等到圖片下載完，而是繼續渲染後面的程式碼。
6. 伺服器傳回圖片文件，由於圖片佔據了一定面積，影響了後面段落的排布，因此瀏覽器需要回頭重新渲染這部分程式碼。
7. 瀏覽器發現了一個包含一行Javascript程式碼的