手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript判断图片是否已经加载完毕的方法汇总
JavaScript判断图片是否已经加载完毕的方法汇总
摘要:在网上有很多关于判断图片是否已经加载完毕的文章,但是有的浏览器并不适合,下面小编给大家分享一些有关JavaScript判断图片是否已经加载完...

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

一.onload事件

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

JavaScript判断图片是否已经加载完毕的方法汇总1

二.判断img对象(DOM)的complete属性

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

JavaScript判断图片是否已经加载完毕的方法汇总1

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

三.onreadystatechange事件

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

JavaScript判断图片是否已经加载完毕的方法汇总1

该方法仅在ie下可用

【JavaScript判断图片是否已经加载完毕的方法汇总】相关文章:

JavaScript基于setTimeout实现计数的方法

Javascript实现div层渐隐效果的方法

JavaScript检测字符串中是否含有html标签实现方法

javascript中一些util方法汇总

讲解JavaScript中for...in语句的使用方法

使用JavaScript刷新网页的方法

用JavaScript实现页面重定向功能的教程

javascript实现十秒钟后注册按钮可点击的方法

javascript判断并获取注册表中可信任站点的方法

JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法

精品推荐
分类导航