document.onreadystatechange:页面加载状态改变时的事件;
document.readyState:返回当前文档的状态;
- uninitialized—还未开始载入;
- loading—载入中;
- interactive — 已加载,文档与用户可以开始交互;
- complete—载入完成;
document.onreadystatechange = function(){
if (document.readyState == ‘complete’) {//完成时隐藏加载条
$(“.div”).fadeOut();//加载块
};
} 这个方法的不足就是不能实时显示加载进度。
2.一般页面加载时间主要是加载图片,所以可以根据图片的加载完成来实时显示加载进度;new Image(); img.onload();
https://loading.io/ css3加载动画demo;
http://autoprefixer.github.io 自动生成css兼容代码