(95)Wangdao.com_第二十八天_进度事件

Posted 2021-01-26 tianxiaxuange

进度事件

进度事件用来描述资源加载的进度，

主要由 AJAX 请求、<img>、<audio>、<video>、<style>、<link>等外部资源的加载触发

注意，除了资源下载，文件上传也存在以下事件

• 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‘;
  });

3

3

3

3

3

33

3

3

3

3

3

3

33

3

3

3

3

3

3

3

3

3