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

https://www.cnblogs.com/blueVirus/p/5583882.html

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

于是用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可以随大家自己改变做出更加炫丽的动画


阅读更多
个人分类: javascript
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

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

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭