javascript – 在为图像对象设置src之前是否需要设置onload函数?

前端之家收集整理的这篇文章主要介绍了javascript – 在为图像对象设置src之前是否需要设置onload函数?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
被告知在设置图像对象的src之前需要设置onload函数.我有 searched in SO这个.

我发现这个代码

var img = new Image();
img.src = 'image.jpg';
img.onload = function () {
    document.body.appendChild(img);
};

但是大多数人认为onload应该像src这样写:

var img = new Image();
img.onload = function () {
    document.body.appendChild(img);
};
img.src = 'image.jpg';

必须按此顺序写?有没有上述代码会导致错误(比如图像是否太大)?

如果你有任何人可以向我展示一些例子,我将非常感激.

解决方法

这是我的经验,你必须首先设置onload(我是告诉OP关于这个问题的人) – 特别是在IE

如果您遇到有关缓存图像的问题不能触发,请添加“?”新的Date().getTime()当您设置src下一次以避免缓存.

这是MDN的例子,它也使用我建议的顺序

Creating an image from scratch

另一个SO链接image.onload not firing twice in IE7

猜你在找的JavaScript相关文章