图片加载完成再执行事件

//图片预加载
function load(imgSrc,callback) {　　//imgSrc参数是页面中要预加载的图片的路径数组，如imgSrc=['img/xx.png','img/xxx.png'...],callback就是你加载完图片之后要执行的函数
    var imgs = [];
    var c = 0;
    for (var i = 0; i < imgSrc.length; i++) {
        imgs[i] = new Image();
        imgs[i].src = imgSrc[i];
        imgs[i].onload = function(){
            c++
            if(c == imgSrc.length){
                if(callback){
                    callback();
                }
            }
        }
    }
    return imgs;　　//返回加载的图片列表，这个省略也没有问题
}

应用场景：一些图片较多的页面，一些需要加上进度条或者百分比读取等加载效果的页面，一般移动端页面用得比较多

转载于:https://www.cnblogs.com/haqiao/p/7839909.html