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');
}

图像onload无法在javascript中工作

1 个答案: