이미지 onload가 javascript에서 작동하지 않습니다.

Question

2 개의 이미지 배열이 있지만 두 번째 이미지에 대해 onload가 실행되지 않습니다. 그러나 크롬 자원에서 이미지가 멋지게로드되어 있습니다. 무엇이이 문제를 일으킬 수 있습니까? 난 단지에 loaded 1을 얻을

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

내 console.log하지만 결코 loaded 2 :

이

내 코드입니다.

크롬 네트워크에서는 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'); 
}