Question

比如说，用户打开一个页面，点击一个按钮，然后出现带有图像的弹出窗口。如何检测所有图像何时加载？我无法在此处使用window.onload，因为该页面已经加载了所有资源。为了说清楚，我想找出弹出窗口的最终范围。

Popup被添加到DOM中，如下所示：

var popup = document.createElement('div');
popup.innerHTML = '...';
document.body.appendChild(popup);

Answer 1

简单地说：

＆＃13;

var image = document.getElementById('image');

image.onload = function () {
    alert ("The image has loaded!");        
};

setTimeout(function(){
    image.src = "http://lorempixel.com/500/500";         
}, 5000);

＆＃13;

<img id="image" src="">

＆＃13;

有关详情，请参阅https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onload和Javascript callback for knowing when an image is loaded。

检测何时加载了添加到DOM的图像

1 个答案: