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

JavaScript026

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

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

可以这么来判断(参考思路,代码是伪的,不规范):

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

window.onload = function(){

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

isAllLoaded = true

}

if(isAllLoaded) {

blahblahblah

}

var oScript = document.createElement("script")

  oScript.type = "text\/javascript"

  oScript.onerror = loadError

  oScript.onload = fOnload

  document.currentScript.parentNode.insertBefore(oScript, document.currentScript)

  oScript.src = sSrc

使用这个HTMLScriptElement对象的onload函数可以判断加载完毕,用onerror判断加载失败。