[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'"> ```