使用场景

其实on error使用上是比较简单的。

当我们网站上出现了无效图片，而我们希望用友好的方式告诉用户，而不是显示红叉叉。

w3c上解释的 定义和用法：

onerror 事件会在文档或图像加载过程中发生错误时被触发。

在装载文档或图像的过程中如果发生了错误，就会调用该事件句柄。

    
         demo1 : src 为正确地址 （结果是：src为正确时，显示正确图片，不会显示onerror中的默认图片）    
     
    
    
         demo2 : src 为错误地址（结果是：src为错误时，不会显示alt的错误信息，显示了onerror中的默认图片）    
     
    
    
         demo3 : src 为空 （结果是：src为空时，不会显示alt的错误信息，显示了onerror中的默认图片。因此，src为空也是判断了src加载地址的错误）    
     
    
    
    
         demo4 : src 为错误地址or为空    (用函数的方式实现默认图片替换src加载失败的无效图片）    
     
    
  
    
         demo5 : 动态创建的img中的onerror   (知识点：转义符)
    

效果如下：