javascript - 确定是否已加载人体的背景图像(css)

根据某些条件，将加载不同的背景图像：

$('body').css('background','url(image.png)');

有没有一种方法可以确定背景图像是否已加载？加载图像后，我需要执行一个功能。

最佳答案

您可以将图像加载到隐藏的<img>标记中，然后为该标记分配onload处理程序。在onload处理程序中，您可以填充主体的背景图片（由于该图片现在位于浏览器缓存中，因此应立即或多或少发生），然后也运行您的自定义代码。

var hiddenImg = new Image();
hiddenImg.onload = function(){
    $('body').css('background','url(' + this.src + ')');
    your_custom_onload_code();
};
hiddenImg.src = 'image.png';