检测对象是否加载[Javascript]

Question

我想知道，有没有办法检测某个图像/ div是否加载？ 例如，当我加载两幅沉重的图像，并在图像稍后占据的两个位置显示加载符号时，是否有方法在加载第二个图像时已经显示第一个图像？

Answer 1

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

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

Answer 2

如果使用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"; 

一定要设置的onloadsrc后。

Answer 3

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