码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-12-12 00:09:29      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:nis   加载过程   classlist   20px   list   image   strong   ESS   成功   

进度事件

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

主要由 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

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

标签:nis   加载过程   classlist   20px   list   image   strong   ESS   成功   

原文地址:https://www.cnblogs.com/tianxiaxuange/p/10105405.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!