方法一(直接複製可以使用,樣式能夠本身設置。)spa
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 }