頁面數據正在加載提示


方法一(直接復制可使用,樣式可以自己設置。)

 1 var _LoadingHtml = '<div style="text-align:center;padding-top:10%;">頁面加載中,請等待...</div>';//在頁面未加載完畢之前顯示的loading Html自定義內容
 2 document.write(_LoadingHtml);//呈現loading效果
 3 document.onreadystatechange = completeLoading;//監聽加載狀態改變
 4 //加載狀態為complete時移除loading效果
 5 function completeLoading() {
 6     if (document.readyState == "complete") {
 7         var loadingMask = document.getElementById('loadingDiv');
 8         loadingMask.parentNode.removeChild(loadingMask);
 9     }
10 }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM