javascript - 加载静态html时的回调？

Question

我知道如何查看使用 javascript 或 jquery 创建的图像何时加载，例如

.loaded(callback(){

})

或 imagesLoaded 库，

但是我怎么知道在 html 文档中使用普通标签创建的图像何时加载？

Answer 1

$(window).load()等待 DOM 和所有图像加载，请参阅这个问题。

Answer 2

你可以简单地这样做：

 <img src='my.jpg' id='myImage' />

    $("#myImage").on('load', function(){
      // image loaded .. do something
    });

Answer 3

主要问题是图像可能已经加载，也可能尚未加载。我会像往常一样预加载它。如果它已经加载，加载事件仍然会触发。

$(function(){

    var src = $("#myimg")[0].src,
        img = new Image();

    $(img).load(function(){
        console.log('image loaded');
    })[0].src = src;

});