web页面预加载（ajax请求内容）

1.参考一：

    
    


    

        
    

    提交
    

    

2.参考二：

1. //获取浏览器页面可见高度和宽度  
2. var _PageHeight = document.documentElement.clientHeight,  
3.   _PageWidth = document.documentElement.clientWidth;  
4. //计算loading框距离顶部和左部的距离（loading框的宽度为215px，高度为61px）  
5. var _LoadingTop = _PageHeight > 61 ? (_PageHeight - 61) / 2 : 0,  
6.   _LoadingLeft = _PageWidth > 215 ? (_PageWidth - 215) / 2 : 0;  
7. //在页面未加载完毕之前显示的loading Html自定义内容  
8. var _LoadingHtml = '页面加载中，请等待...

';  

//呈现loading效果  

document.write(_LoadingHtml);  

//window.onload = function () {  

//  var loadingMask = document.getElementById('loadingDiv');  

//  loadingMask.parentNode.removeChild(loadingMask);  

//};  

//监听加载状态改变  

document.onreadystatechange = completeLoading;  

//加载状态为complete时移除loading效果  

function completeLoading() {  

  if (document.readyState == "complete") {  

 var loadingMask = document.getElementById('loadingDiv');  

 loadingMask.parentNode.removeChild(loadingMask);  

  }  

}