for循环体与onload冲突问题的解决办法

举例为image的图片onload：

　　需要知道onload为异步操作，那么实际上执行的效果是，只执行最后一个onload

解决办法：

　　1.拆分为onload的递归

　　2.使用闭包结构，参考代码如下：

for (let i = 0; i < imgs.length; ++i) {
    imgs[i].onload = function (i) {
        console.log("i==" + i + " , 加载图片成功！");
        num++;
        if (num == imgs.length) {
            // 全部加载完成
        }
    }(i);
}

 补充：

　　通过这种方式的加载，最后一个onload有效，但是需要一点加载时间。

　　比如：在这组onload之后 【一次】 for循环加载显示出所有图片，那么最后一个无法显示，但是 【第一次以后】 for循环加载显示出所有图片就都能显示。具体原因暂时不知道。

　　解决办法：临时解决，添加setTimeout，十位数毫秒级的时间就足够。

【Over】

搜索

复制