JavaScript判断图片是否已经加载完毕办法汇总【javascript】

web前端|js教程

js判断图片加载完成,js判断图片是否加载完

web前端-js教程

在网上有很多关于判断图片是否已经加载完毕的文章，但是有的浏览器并不适合，下面小编给大家分享一些有关JavaScript判断图片是否已经加载完毕方法汇总，具体内容如下所示：

asp仓库管理系统源码,vscode 如何编译,wsl的ubuntu装cuda,tomcat还接口,提高sqlite查询效率,jquery 好用插件,移动web前端开发 框架,爬虫文献下载网站,php sns,seo创业者如何赚钱,怎么下载php网站源码下载,禁止网页另存代码,织梦cms 蓝色模板下载,wap页面素材,自定义 管理系统,微擎小程序模版消息lzw

一.onload事件

最新asp淘宝客源码,vscode 带参数调试,ubuntu 通讯工具,黑夜汉化组tomcat,婚恋网爬虫,php 波形图,怎样进行seo推广代做,社区门户论坛网站源码,玉石网站模板lzw

通过监听图片的onload事件，可以判断图片是否已经加载完成，兼容所有的浏览器（w3c推荐方法），代码示例如下

菜谱网站手机源码,vscode插件被禁用无法启用,ubuntu 运行lol,Tomcat扫爆8080,python自带爬虫,php如何发送邮件,百度竞价托管seo公司lzw

// 方法一：图片已经下载完document.getElementById(img1).onload = function(e){e.stopPropagation();alert(1);}

二.判断img对象（DOM）的complete属性

当img加载完成之后，complete对象属性将变为true，代码示例如下：

// 方法二：img的complate属性var timer = setInterval(function(){if (document.getElementById(img1).complete){clearInterval(timer);alert(1);console.log(document.getElementById(img1).complete)}}, 10);

亲测该方法同样可兼容所有浏览器

三.onreadystatechange事件

在ie下，img对象与xhr对象一样具有onreadystatechange事件，可以通郭建廷该事件判断图片是否加载完成，代码示例如下：

document.getElementById(img1).onreadystatechange = function() {if(document.getElementById(img1).readyState=="complete"||document.getElementById(img1).readyState=="loaded"){alert(1);}}

该方法仅在ie下可用