手机
当前位置:查字典教程网 >编程开发 >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检测字符串中是否含有html标签实现方法

javascript中一些util方法汇总

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

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

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

JavaScript中的parse()方法使用简介

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

JavaScript获取并更改input标签name属性的方法

javascript动态创建链接的方法

javascript获取select值的方法分析

精品推荐
分类导航