[TOC] ## 進度事件(如img,audio,link)等加載外部資源 主要由 AJAX 請求、`<img>`、`<audio>`、`<video>`、`<style>`、`<link>`等外部資源的加載觸發，繼承了`ProgressEvent`接口。它主要包含以下幾種事件 * `abort`：外部資源中止加載時（比如用戶取消）觸發。如果發生錯誤導致中止，不會觸發該事件。 * `error`：由于錯誤導致外部資源無法加載時觸發。 * `load`：外部資源加載成功時觸發。 * `loadstart`：外部資源開始加載時觸發。 * `loadend`：外部資源停止加載時觸發，發生順序排在`error`、`abort`、`load`等事件的后面。 * `progress`：外部資源加載過程中不斷觸發。 * `timeout`：加載超時時觸發。 文件上傳也存在這些事件 ``` image.addEventListener('load', function (event) { image.classList.add('finished'); }); image.addEventListener('error', function (event) { image.style.display = 'none'; }); //error 的正確用法 <img src="/ad.png" onerror="this.style.display='none'"> ```