图像加载功能，它是如何工作的？

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')}" />