页面加载完成前的loading加载效果

/*loading.js*/

// 加载HTML图

var _LoadingHtml = '<div ></div></div>';

 

// 呈现loading效果

document.write(_LoadingHtml);

 

// 监听加载状态改变

document.onreadystatechange = completeLoading;

 

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

function completeLoading() {

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

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

　　　　loadingMask.parentNode.removeChild(loadingMask);

　　}

}

留作笔记，亲测可用~