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

2022-08-27 17:33:11 字數 1029 閱讀 6127

這可以通過用document.onreadystatechange的方法來監聽狀態改變, 然後用document.readystate == 「complete」判斷是否載入完成。

可以採用2個div,其中乙個在前面,乙個在後面,前面的先顯示,裡面放乙個頁面正在載入中的小,小flash都可以。

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

document.onreadystatechange = subsomething;//當頁面載入狀態改變的時候執行這個方法. 

function subsomething()

頁面載入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 - (完成)響應內容解析完成,可以在客戶端呼叫了

用js判斷頁面是否載入完畢

用document.onreadystatechange的方法來監聽狀態改變,然後用document.readystate complete 判斷是否載入完成 document.onreadystatechange function document.readystate 判斷文件是否載入完成。fi...

js 進入頁面載入的方法

js 進入頁面執行的5種方式 charset utf 8 title src script head onload load 我是父級div div 1 div div 2 div div 第一種 function 第二種 document ready function 或者下面這個方法,jquer...

js和JQuery的頁面載入方法

一.js 頁面載入初始化方法 1.在body裡面寫初始化方法.2.window.onload function 3.寫初始化方法,頁面順序執行到初始化方法時初始化二.jquery 頁面載入初始化方法 1.function 2.document ready function ready 函式有以下三種...