HTML img onerror this.src

在HTML中，我们经常会使用img标签来加载图片。但是有时候图片的地址是不确定的，或者网络有问题导致图片无法加载。这时候，我们可以使用onerror这个事件来处理图片加载出错的情况。

当图片加载出错时，会触发onerror事件，然后我们可以通过this.src来重新设置图片地址，以达到重新加载图片的效果。

下面是一个示例代码：

<img src="http://example.com/image.png" onerror="this.src='http://example.com/image2.png'">

在这个代码中，当图片http://example.com/image.png加载失败时，就会触发onerror事件。然后，我们重新设置图片地址为http://example.com/image2.png，以达到重新加载图片的效果。

当然，我们也可以使用JavaScript来处理图片加载失败的情况。下面是一个例子：

<img id="myImg" src="http://example.com/image.png">

<script>
  document.getElementById("myImg").onerror = function() {
    this.src = "http://example.com/image2.png";
  }
</script>

在这个代码中，我们使用JavaScript来获取图片元素，并给它添加onerror事件处理函数。当图片加载出错时，就会触发onerror事件，然后我们重新设置图片地址为http://example.com/image2.png。

总之，使用onerror事件和this.src属性可以很方便地处理图片加载失败的情况。这在实际开发中也非常有用。