資料結構
網路
關係資料庫管理系統 (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
廣告