javascript - 图片加载功能，它是如何工作的？

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

他基本上是创建一个具有 src、onload 和 onerror 属性的 img 元素。这在 html 中的等价物是

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