HTML頁面生命週期

我想了解HTML頁面的生命週期。我在網上找不到任何好的資源。所以我在ie中打開了f12工具，並自己做了一些實驗。基於這一點，我得出了一些結論，有人可以告訴我，如果我是對的嗎？HTML頁面生命週期

我觀察

1>當請求通過HTTP第一HTML骨架是由瀏覽器所接收的網頁。此時沒有任何東西顯示給用戶。

2>基於什麼是在HTML骨架一些多個附加請求的資源（外部JavaScript，CSS，圖像等）發送出去

3>瀏覽器等待，直到它接收到一個HTTP狀態代碼腳本和css資源。

4>一旦接收到css和JavaScript的HTTP狀態碼，只有瀏覽器開始從頂部到底部加載文檔，執行所遇到的任何嵌入式JavaScript。

5>如果頂部的嵌入式JavaScript引用底部的HTML元素，則JavaScript將失敗。

6>一旦整個文檔完成加載，然後jquery事件$（document）.ready被激發。（也就是說，如果我使用的是JQuery）

7>瀏覽器不會等待腳本和css以外的資源，因此可能會在頁面顯示給用戶後再加載圖像等資源。

來源

2013-04-12 Foo

jQuery！= JavaScript！= HTML。這不得不說一次。 –

通過在問題中添加文本「（這就是說，如果我使用JQuery）」來修復它。 – Foo

一個重要的註釋/更正：它只是阻止頁面呈現的Javascript標記。這就是爲什麼前端開發人員會告訴你在* body *標籤關閉之前將你的Javascript引用放在頁面底部。 – McGarnagle

你幾乎是正確的。但它取決於代碼（尤其是第5,6和7點）。例如，如果頂部的JS在$(document).ready之內，那麼它不會失敗。其次，我更喜歡Firefox F12或者Chrome F12，而不是IE。他們非常詳細和開發友好。請參閱其中的NET選項卡以進一步瞭解。它會告訴你資源被調用和加載的確切順序，這是你主要尋找的。

來源

2013-04-12 21:43:49

HTML頁面生命週期

回答

相關問題