使用者輸入網址(假設是個html頁面,並且是第一次訪問),瀏覽器向伺服器發出請求,伺服器返回html檔案。
瀏覽器開始載入html程式碼,發現標籤內有一個標籤引用外部CSS檔案。
瀏覽器又發出CSS檔案的請求,伺服器返回這個CSS檔案。
瀏覽器繼續載入html中部分的程式碼,並且CSS檔案已經拿到手了,可以開始渲染頁面了。
瀏覽器在程式碼中發現一個標籤引用了一張圖片,向伺服器發出請求。此時瀏覽器不會等到圖片下載完,而是繼續渲染後面的程式碼。
伺服器返回圖片檔案,由於圖片佔用了一定面積,影響了後面段落的排布,因此瀏覽器需要回過頭來重新渲染這部分程式碼。
瀏覽器發現了一個包含一行Javascript程式碼的script標籤,趕快執行它。
Javascript指令碼執行了這條語句,它命令瀏覽器隱藏掉程式碼中的某個style:(style.display=”none”)。杯具啊,突然就少了這麼一個元素,瀏覽器不得不重新渲染這部分程式碼。
終於等到了html結束符的到來,瀏覽器淚流滿面……
瀏覽器召集了在座的各位div span ul li們,“大夥兒收拾收拾行李,咱得重新來過……”,瀏覽器向伺服器請求了新的CSS檔案,重新渲染頁面。
使用者輸入網址(假設是個html頁面,並且是第一次訪問),瀏覽器向伺服器發出請求,伺服器返回html檔案。
瀏覽器開始載入html程式碼,發現標籤內有一個標籤引用外部CSS檔案。
瀏覽器又發出CSS檔案的請求,伺服器返回這個CSS檔案。
瀏覽器繼續載入html中部分的程式碼,並且CSS檔案已經拿到手了,可以開始渲染頁面了。
瀏覽器在程式碼中發現一個標籤引用了一張圖片,向伺服器發出請求。此時瀏覽器不會等到圖片下載完,而是繼續渲染後面的程式碼。
伺服器返回圖片檔案,由於圖片佔用了一定面積,影響了後面段落的排布,因此瀏覽器需要回過頭來重新渲染這部分程式碼。
瀏覽器發現了一個包含一行Javascript程式碼的script標籤,趕快執行它。
Javascript指令碼執行了這條語句,它命令瀏覽器隱藏掉程式碼中的某個style:(style.display=”none”)。杯具啊,突然就少了這麼一個元素,瀏覽器不得不重新渲染這部分程式碼。
終於等到了html結束符的到來,瀏覽器淚流滿面……
瀏覽器召集了在座的各位div span ul li們,“大夥兒收拾收拾行李,咱得重新來過……”,瀏覽器向伺服器請求了新的CSS檔案,重新渲染頁面。