現在網路上有很多網頁載入進度條 ，但大多都是時間固定的。 下面的當查詢大量資料時，網頁載入較慢，在網頁載入時，顯示進度條，當網頁載入完成時，進度條消失，顯示網頁已經載入完成的內容。 複製程式碼 程式碼如下: <BR>Dim Bar, SP <BR>Bar = 0 <BR>SP = 100 <BR>Function Window_onLoad() <BR>Bar = 95 <BR>SP = 10 <BR>End Function <Bar = 95 <BR>SP = 10 <BR>End Function <BR>Function Count <BR>if Bar < 100 Then <BR>Bar = Bar 1 <BR>setTimeout "Count()", SP <BR>else <BR>document.getElementById("jdt").style.display="none" <BR>document.getElementById("content").style.display="" <BR>end if <BR>End Function <BR>Call Count() <BR> 這裡顯示進度條，也可以放一張動態圖片 網頁真正顯示的內容 div> ------------------------- --------------------------- 最簡單的就是放圖片，網頁載入完成隱藏圖片，顯示網頁內容 複製程式碼 程式碼如下: <BR>#loadDiv { <BR>position:absolute; <BR>z-index:999; <BR>width:expression (document.body.clientWidth); <BR>height:expression(document.body.clientHeight); <BR>background-color:#FFFFFF; <BR>text-align:center; <BR>padding-top:200px; <BR>} Loading... <div class="codetitle"> <span> <a style="max-width:90%" data="22971" class="copybut" id="copybut22971" onclick="doCopy('code22971')"><u> </u>- -------------------------------------------------- ---- </a></span> </div> <div class="codebody" id="code22971"> <br>複製程式碼<br><br><br> 程式碼如下:<br><br> <br> <br><br><br> <br> <br> </div> function Loaded() { document.getElementById("loadDiv").style.display="none" document.getElementById("content").style.display= "" } <div id="loadDiv" style="display:block"> <img src="http%20://www.51ajax.com/images/rss/loading.gif" alt="網頁載入時頁面顯示進度條載入完成之後顯示網頁內容_javascript技巧" > Loading...</div> <iframe id="content" style="max-width:90%" src="">
Loading... 
