JavaScript通过使用onerror设置默认图像显示代替alt

1. 什么是onerror？

onerror 是一个事件处理器，它可以触发当一个图像载入失败时。

1. 如何使用onerror显示默认图像？

使用 onerror 处理器，我们可以设置默认图像来代替那些引起 onerror 事件的图像。示例代码如下：

<img src="image.png" alt="Some text" onerror="this.onerror=null; this.src='defaultImage.png';">

在上述代码中：

• src 属性指定要加载的图像路径
• alt 属性为图像添加一些文本，提供一个替代的信息提示
• onerror 属性用于当图像加载失败时触发

一旦图像加载失败，JS会自动替换为另一张默认图像 "defaultImage.png"。这里的 this.onerror=null 的作用是，避免在默认图像加载失败后再次触发错误处理器。

1. 如何通过JavaScript为一个含有onerror事件属性的图片元素指定默认图像？

我们还可以使用JS代码为含有 onerror 事件处理器的图片元素指定默认图像。示例代码如下：

<img id="myImage" src="image.png" alt="Some text">
<script type="text/javascript">
    var img = document.getElementById("myImage");
    img.onerror = function() {
        this.onerror=null;
        this.src = 'defaultImage.png';
    }
</script>

在这个示例中：

• 在 HTML 代码中，我们定义了一个 id 为 myImage 的图片元素
• 在 JS 代码中，我们使用 document.getElementById() 方法获取图片元素，然后为其定义一个 onerror 事件处理器
• 这个事件处理器会在图片加载失败后被触发，然后通过设置 this.src 属性来指定默认的图像路径
• 和上面的示例一样，这里的 this.onerror=null 的作用是避免在默认图像加载失败后再次触发错误处理器。

这些示例应该能帮助你理解如何使用 onerror 事件处理器来指定默认图像，以便在图像加载失败时提供替代的图片。