javascript - onLoad 和 .load() 函数中的图像宽度始终为 0

Question

我读过很多帖子和文章，并尝试了仅 JS 的 onLoad 方法和使用 JQuery 的 .load(function() { 方法，但我找不到安静加载图像的好方法在后台，然后在我知道其实际宽度后执行某些操作。

此时我已经尽可能简单地了解了它，但它仍然返回“0”:

bgImg = new Image();
bgImg.src = "./img/car-and-truck.gif";

bgImg.onload = imageLoaded();

function imageLoaded() {
    alert(bgImg.width);
}

Answer 1

改用这个:

bgImg.onload = imageLoaded;

您正在立即调用 imageLoaded，但您不想这样做。