手机
当前位置:查字典教程网 >编程开发 >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实现文本框中默认显示背景图片在获得焦点后消失的方法

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

javascript获取select值的方法分析

Javascript中prototype属性实现给内置对象添加新的方法

Javascript特效:随机显示图片的源代码

Javascript实现飞动广告效果的方法

JQuery+CSS实现图片上放置按钮的方法

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

jQuery判断一个元素是否可见的方法

javascript模拟评分控件实现方法

精品推荐
分类导航