Функция загрузки изображения, как это работает?

Question

Я искал функцию, которая проверяет, является ли URL изображением или нет, и я нашел это:

function checkImage(imageSrc, good, bad) {
    var img = new Image();
    img.onload = good; 
    img.onerror = bad;
    img.src = imageSrc;
}

checkImage("foo.gif", function(){ alert("good"); }, function(){ alert("bad"); } );

, он работает нормально, но автор не объяснил, как это работает, и яя немного озадачен,

как img.onload = good знает, какую функцию активировать, а с другой стороны img.onerror = bad, как она работает?

спасибо запомощь!

Answer 1

Он в основном создает элемент img с атрибутами src, onload и onerror. Эквивалентность этого в html будет

<img src="foo.gif" onload="function(){alert('good')}" onerror="function(){alert('bad')}" />