用JS檢測頁面加載的不同階段狀態

這可以通過用document.onreadystatechange的方法來監聽狀態改變， 然后用document.readyState == “complete”判斷是否加載完成。

可以采用2個div，其中一個在前面，一個在后面，前面的先顯示，里面放一個頁面正在加載中的小圖片，小flash都可以。

后面的div開始加載內容，在頁面上隨時監測加載是否完畢，如果加載完畢，將前面的div隱藏，后面的div提到前面來即可。

document.onreadystatechange = subSomething;//當頁面加載狀態改變的時候執行這個方法. 
function subSomething() 
{ 
if(document.readyState == “Loaded”) //當頁面加載狀態 
{
　　//Load提示第一個div隱藏掉
　　//將Html顯示
}

頁面加載readyState的五種狀態 原文如下: 

0: (Uninitialized) the send( ) method has not yet been invoked. 
0 － （未初始化）還沒有調用send()方法 

1: (Loading) the send( ) method has been invoked, request in progress. 
1 － （載入）已調用send()方法，正在發送請求 

2: (Loaded) the send( ) method has completed, entire response received. 
2 － （載入完成）send()方法執行完成，已經接收到全部響應內容 

3: (Interactive) the response is being parsed. 4: (Completed) the response has been parsed, is ready for harvesting.
3 － （交互）正在解析響應內容 

4: (Completed) the response has been parsed, is ready for harvesting.
4 － （完成）響應內容解析完成，可以在客戶端調用了