javascript - HTML如何判断网页中图片和视频是否完全加载完毕？

Question

其中有些图片是background嵌入的，如何判断其加载是否完成？

Answer 1

不是背景图的可以监听事件，比如

<img id="img" src="http://www.baidu.com/img/bdlogo.gif" />
<script>
    var ndImg = document.getElementById('img');
    ndImg.addEventListener('load', function () {
        console.log('complete');
    });
</script>

是背景图的没想到好的方法，可以在JS里提前创建一个临时的Image，监听事件并加载相同的图片，但这比较ugly。