用js怎么判断js中加载所有的图片是否加载完成？

JavaScript015

用js怎么判断js中加载所有的图片是否加载完成？,第1张

window.onload方法是窗口内所有内容都加载完毕后才会执行的。

可以这么来判断（参考思路，代码是伪的，不规范）：

isAllLoaded = false// window对象上的全局变量

window.onload = function(){

// 所有内容，包括图片，加载完毕后执行

isAllLoaded = true

}

if(isAllLoaded) {

blahblahblah

}

全都是判断width==0，显然没戏。

估计是运行速度问题，无论图片是否存在js都是按不存在处理，因为width=null。

正确的方法依然是使用onerror：即建立html标记<img src="与背景图片同名" onerror="document.body.style.backgroundImage='url(其他图片路径/名)'" style="display:none">