首页 > 为什么Image对象的src属性要写在onload事件后面?

为什么Image对象的src属性要写在onload事件后面?

var image=new Image();
imgae.onload = funtion;
imgae.src = 'url'

为什么src属性需要写在onload事件后面?


你写到后面试试看,比较一下差异嘛,然后谈谈感受


js内部是按顺序逐行执行的,可以认为是同步的
给imgae赋值src时,去加载图片这个过程是异步的,这个异步过程完成后,如果有onload,则执行onload

如果先赋值src,那么这个异步过程可能在你赋值onload之前就完成了(比如图片缓存,或者是js由于某些原因被阻塞了),那么onload就不会执行
反之,js同步执行确定onload赋值完成后才会赋值src,可以保证这个异步过程在onload赋值完成后才开始进行,也就保证了onload一定会被执行到


因为写到前面的话如果图片已经缓存,或者加载太快的话,后面onload 还没执行就加载完了,这样有可能不会触发onload事件

【热门文章】
【热门文章】