手机
当前位置:查字典教程网 >编程开发 >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判断图片是否已经加载完毕的方法汇总】相关文章:

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

javascript操作ul中li的方法

javascript获取select值的方法分析

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

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

jQuery实现首页图片淡入淡出效果的方法

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

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

Javascript随机显示图片的源代码

javascript动态创建链接的方法

精品推荐
分类导航