javascript - 图片加载在javascript中不起作用

Question

我有一个包含 2 个图像的数组，但是第二个图像不会触发 onload。但是在 chrome 资源中，图像都很好并且已经加载......这可能是什么原因？

这是我的代码：

var test = new Array();
    test[0] = new Image();
    test[0].src = 'tile1.png';  
    test[1]  = new Image();
    test[1].src = 'tile2.png';      


    test[0].onload = function(){    
        console.log('loaded 1');    

            test[1].onload = function(){
               console.log('loaded 2');
        }
    }

我只进入loaded 1我的console.log，但从来没有loaded 2。

然而在 Chrome 网络中它显示tile2.png了为什么我的onload功能不会触发？

Answer 1

您的第二个onload函数在第一个函数中声明，因此将其删除并将其放在外面。

var test = new Array();
test[0] = new Image();
test[0].src = 'tile1.png';  
test[1]  = new Image();
test[1].src = 'tile2.png';      


test[0].onload = function(){    
    console.log('loaded 1'); 
}

test[1].onload = function(){
    console.log('loaded 2');
}