考虑以下附加到文档中的图像:

<img id="someimage" src="http://www.someimage.jpg">


如果在调用这些函数时图像已经加载,则以下任何一项均不起作用:

document.getElementById('someimage').onload = function ()
{
  console.log('image just loaded');
};


也不

$("#someimage").load(function ()
{
  console.log('image just loaded');
});


有办法解决吗?即不等待图像加载但会检查图像是否已经较早加载的功能?

谢谢

最佳答案

检查DOM节点的complete属性:

document.getElementById('someimage').complete;


顺便说一句,这是应该如何处理:

$("#someimage").one('load', function ()
{
  console.log('image just loaded');
}).each(function(){
    if(this.complete) $(this).trigger('load');
});

08-25 12:29