圖片載入完成再執行事件

//圖片預載入
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;　　//返回載入的圖片列表，這個省略也沒有問題
}

應用場景：一些圖片較多的頁面，一些需要加上進度條或者百分比讀取等載入效果的頁面，一般移動端頁面用得比較多