数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法学HTML 中发生错误时如何执行脚本？
本文我们将学习如何在 HTML 中发生错误时执行脚本。
如果加载外部文件时发生错误（例如文档或图像），则会启动 onerror 事件。
让我们来看以下示例，以了解如何在 HTML 中发生错误时执行脚本。
使用 HTML
示例
在以下示例中，我们使用 img 标签在网页上显示图片，使用 img src 属性指定图片路径。
<!DOCTYPE html>
<html>
<body>
<img src="C:\Users\Lenovo\Desktop\Tutorialspoint\12.png" onerror="mytutorial()">
<p id="varma"></p>
<script>
function mytutorial() {
document.getElementById("varma").innerHTML ="Image cannot be loaded.";
}
</script>
</body>
</html>
执行上述脚本后，系统会检查 img src 属性，如果图片加载失败，则会触发错误事件并显示文本“无法加载图像”。
使用 addEventListener() 方法
addEventListener() 方法是 EventTarget 接口的方法，用于设置一个函数，该函数将在指定事件传递到目标时被调用。 addEventListener() 方法通过将函数或实现 EventListener 接口的对象添加到 EventTarget 上指定事件类型的事件监听器列表来工作。
示例
在以下示例中，我们使用 eventlistener() 方法来显示图片。
<!DOCTYPE html>
<html>
<body>
<img id="tutorial" src="C:\Users\Lenovo\Desktop\Tutorialspoint\12.png">
<p id="tutorial1"></p>
<script>
document.getElementById("tutorial").addEventListener("error", mytutorial2);
function mytutorial2() {
document.getElementById("tutorial1").innerHTML = "Image cannot be loaded.";
}
</script>
</body>
</html>
当脚本执行时，该方法会被触发并搜索图片源。如果找不到图片源，则会发生错误事件并显示文本“无法加载图像”。
更新于：2022-12-15
浏览量：142
广告