首先，頁面加載順序：
解析HTML結構。
加載外部腳本和樣式表文件。
解析並執行腳本代碼。
構造HTML DOM模型。
加載圖片等外部文件。
頁面加載完畢。
也就是：
html → head → title → #text(網頁標題) → style → 加載樣式 → 解析樣式 → link → 加載外部樣式表文件 → 解析外部樣式表 → script → 加載外部腳本文件 → 解析外部腳本文件 → 執行外部腳本 → body → div → script → 加載腳本 → 解析腳本 → 執行腳本 → img → script → 加載腳本 → 解析腳本 → 執行腳本 → 加載外部圖像文件 → 頁面初始化完畢。
JS 的初始化裝載。
瀏覽器加載顯示html的順序是按下面的順序進行的：
1、IE下載的順序是從上到下，渲染的順序也是從上到下，下載和渲染是同時進行的。
2、在渲染到頁面的某一部分時，其上面的所有部分都已經下載完成（並不是說所有相關聯的元素都已經下載完）。
3、如果遇到語義解釋性的標簽嵌入文件（JS腳本，CSS樣式），那么此時IE的下載過程會啟用單獨連接進行下載。
4、並且在下載后進行解析，解析過程中，停止頁面所有往下元素的下載。
5、樣式表在下載完成后，將和以前下載的所有樣式表一起進行解析，解析完成后，將對此前所有元素（含以前已經渲染的）重新進行渲染。
6、JS、CSS中如有重定義，后定義函數將覆蓋前定義函數。
簡單地說，頁面渲染就是瀏覽器將html代碼根據CSS定義的規則顯示在瀏覽器窗口中的這個過程。先來大致了解一下瀏覽器都是怎么干活的：
- 用戶輸入網址（假設是個html頁面，並且是第一次訪問），瀏覽器向服務器發出請求，服務器返回html文件；
- 瀏覽器開始載入html代碼，發現<head>標簽內有一個<link>標簽引用外部CSS文件；
- 瀏覽器又發出CSS文件的請求，服務器返回這個CSS文件；
- 瀏覽器繼續載入html中<body>部分的代碼，並且CSS文件已經拿到手了，可以開始渲染頁面了；
- 瀏覽器在代碼中發現一個<img>標簽引用了一張圖片，向服務器發出請求。此時瀏覽器不會等到圖片下載完，而是繼續渲染后面 的代碼；
- 服務器返回圖片文件，由於圖片占用了一定面積，影響了后面段落的排布，因此瀏覽器需要回過頭來重新渲染這部分代碼；
- 瀏覽器發現了一個包含一行Javascript代碼的<script>標簽，趕快運行它；
- Javascript腳本執行了這條語句，它命令瀏覽器隱藏掉代碼中的某個<div> （style.display=”none”）。杯具啊，突然就少了這么一個元素，瀏覽器不得不重新渲染這部分代碼；
- 終於等到了</html>的到來，瀏覽器淚流滿面……
- 等等，還沒完，用戶點了一下界面中的“換膚”按鈕，Javascript讓瀏覽器換了一下<link>標簽的CSS路徑；
- 瀏覽器召集了在座的各位<div><span><ul><li>們，“大伙兒收拾收拾 行李，咱得重新來過……”，瀏覽器向服務器請求了新的CSS文件，重新渲染頁面。
http://blog.csdn.net/legend1988/article/details/7010793
http://www.jb51.net/article/44367.htm
********以上內容來自網絡********