javascript - 为什么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一定会被执行到

这篇关于javascript - 为什么Image对象的src属性要写在onload事件后面？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！