扫码关注官方订阅号
var image=new Image();imgae.onload = funtion;imgae.src = 'url'
var image=new Image();
imgae.onload = funtion;
imgae.src = 'url'
为什么src属性需要写在onload事件后面?
认证高级PHP讲师
js内部是按顺序逐行执行的,可以认为是同步的给imgae赋值src时,去加载图片这个过程是异步的,这个异步过程完成后,如果有onload,则执行onload
如果先赋值src,那么这个异步过程可能在你赋值onload之前就完成了(比如图片缓存,或者是js由于某些原因被阻塞了),那么onload就不会执行反之,js同步执行确定onload赋值完成后才会赋值src,可以保证这个异步过程在onload赋值完成后才开始进行,也就保证了onload一定会被执行到
你写到后面试试看,比较一下差异嘛,然后谈谈感受
因为写到前面的话如果图片已经缓存,或者加载太快的话,后面onload 还没执行就加载完了,这样有可能不会触发onload事件
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
js内部是按顺序逐行执行的,可以认为是同步的
给imgae赋值src时,去加载图片这个过程是异步的,这个异步过程完成后,如果有onload,则执行onload
如果先赋值src,那么这个异步过程可能在你赋值onload之前就完成了(比如图片缓存,或者是js由于某些原因被阻塞了),那么onload就不会执行
反之,js同步执行确定onload赋值完成后才会赋值src,可以保证这个异步过程在onload赋值完成后才开始进行,也就保证了onload一定会被执行到
你写到后面试试看,比较一下差异嘛,然后谈谈感受
因为写到前面的话如果图片已经缓存,或者加载太快的话,后面onload 还没执行就加载完了,这样有可能不会触发onload事件