javascript - Img.complete和img.onload判断图片加载完成有什么区别?
PHP中文网
PHP中文网 2017-06-28 09:22:52
[JavaScript讨论组]

判断图片加载完成这两个有什么区别?一般加载完成会回调onload事件,那img.complete还有必要吗?

PHP中文网
PHP中文网

认证0级讲师

全部回复(4)
高洛峰

img.complete是Image对象的属性,返回一个布尔值;img.onload是在图片加载完成后触发的事件

PHP中文网

这两者,只有img.complete可以判断图片加载完成,img.onload并不能判断图片是否加载完,而是在加载完毕之后,直接运行onload绑定的函数。

伊谢尔伦

complete只是HTMLImageElement对象的一个属性,而onload则是这个Image对象的load事件回调,前者不能准确的在事件发生时进行异步回调并且、在浏览器的兼容性上也有些问题。

黄舟

The onload property of the GlobalEventHandlers mixin is an event handler for the load event of a Window, XMLHttpRequest, <img> element, etc., which fires when the resource has loaded.
img加载完成就会解除onload事件,src是异步加载图片的,如果在绑定事件前就已经加载完成,onload事件不会触发。
img.complete是一直都有的属性,加载完成后为true。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号