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

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的{​​{1}}元素。与此等价的HTML将会是

onerror