检测是否加载了对象[Javascript]

Question

我想知道，有没有办法检测是否加载了某个图像/ div？ 例如，当我加载两个沉重的图像并在两个地方显示加载标志时，图像将在以后占用，是否有一种方法可以在加载第二个图像时显示第一个图像，同时仍然加载第二个图像？

Answer 1

如果您使用new Image预加载图片，则可以执行以下操作以获得通知，然后将其加载

var img = new Image();
img.onload = function() {
    //display the image
    document.getElementById("myDiv").innerHTML = "%3Cimg src='myimg.jpg' alt=''/%3E";
};
img.src = "myimg.jpg";

请务必在<{em> {/ 1}}之后设置src 。

Answer 2

myImage.addEventListener('load', function() { ... }, false);

图像加载完成后，将调用上述函数内的代码。

Answer 3

如果图像加载完毕，其.complete属性将切换为true。