js实现页面加载完毕以前loading提示效果

最近作项目碰见一个问题就是大的页面打开很慢，页面空白处太多，很影响客户体验，因而想着在页面加载的时候页面不要显示空白

因而用js实现了如下的内容 loading效果

//在页面未加载完毕以前显示的loading Html自定义内容

var _LoadingHtml = '页面加载中，请等待...';

//呈现loading效果

document.write(_LoadingHtml);

//监听加载状态改变
document.onreadystatechange = completeLoading;

//加载状态为complete时移除loading效果
function completeLoading() {
    if (document.readyState == "complete") {
        var loadingMask = document.getElementById('loadingDiv');
        loadingMask.parentNode.removeChild(loadingMask);
    }
}

其中_LoadingHtml能够随你们本身改变作出更加炫丽的动画