js数据加载完成的方法

1、document.onreadystatechange(页面加载完成的方法)配合document.readyState(获取加载状态)使用

document.onreadystatechange=function(){
  console.log(document.readyState=="complete");      
}

 2、利用new Image()图片数字加载进度

var img=$("img");
var num=0;

img.each(function(i){
   var oImg=new Image();

    oImg.onload=null;

    num++;

    $(".loading b").html(parseInt(num/$("img").size()*100)+"%");
    if(num>=i){
        $(".loading").fadeOut();
    }
    
    oImg.src=img[i].src;
});

  

posted @ 2017-07-12 15:40  kimingw  阅读(1879)  评论(0)    收藏  举报