Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 加载静态html时回调?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 加载静态html时回调?

Javascript 加载静态html时回调?,javascript,jquery,html,Javascript,Jquery,Html,我知道如何查看使用javascript或jquery创建的图像何时加载,例如 .loaded(callback(){ }) 或是图像隐藏的图书馆 但我如何知道在html文档中使用普通标记创建的图像何时加载?$window.load等待DOM和所有图像加载。您只需执行以下操作: <img src='my.jpg' id='myImage' /> $("#myImage").on('load', function(){ // image loaded .. d

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

.loaded(callback(){

})
或是图像隐藏的图书馆


但我如何知道在html文档中使用普通标记创建的图像何时加载?

$window.load等待DOM和所有图像加载。

您只需执行以下操作:

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

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

主要问题是映像可能已加载,也可能尚未加载。我会像往常一样预加载它。如果已加载,则仍将触发加载事件

$(function(){

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

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

});