HTML | onerror 事件属性

HTML中的onerror事件属性表示当某个元素或资源载入失效时，需要执行的JavaScript代码。该属性通常用于处理图像、音频、视频等元素载入失败的情况。

语法

<img src="image.png" onerror="handleError()">

上述代码表示当载入image.png图片失败时，执行handleError()函数。

应用场景

图像加载失败

假设我们有一个包含多张图片的网页，其中某些图片链接已经失效，这时候我们可以使用onerror事件属性来处理这个问题。当图片载入失败时，我们可以将图片替换为一个默认的图片，或者显示一个提示信息。

<img src="image.png" onerror="this.src='default.png';">

上述代码表示当image.png加载失败时，将其替换为default.png。

音频和视频加载失败

与图像类似，我们也可以使用onerror事件属性来处理音频和视频元素的载入失败情况。比如，在音频或视频载入失败时，我们可以提示用户重新加载，或者显示一个友好的提示信息。

<audio src="music.mp3" onerror="errorMessage()">Your browser does not support the audio element.</audio>

上述代码表示当music.mp3载入失败时，显示一个错误信息。

注意事项

• 使用onerror事件属性时需要注意，不要在其处理函数中再次触发onerror事件，否则可能导致无限循环。
• onerror事件属性只能用于支持JavaScript的元素，如img、audio、video等。对于其他元素载入失败的情况，需要使用其他方式进行错误处理。

以上就是对HTML中onerror事件属性的介绍。在实际开发中，我们可以根据自己的需求来灵活使用该属性，以便更好地处理元素和资源载入失败的情况。