建立一个图片对象 : var img=new Image([w,h])
图片对象img的属性:border|complete |height |width |hspace |lowsrc |name |src |vspace ;
图片对象img的事件:onload |onerror |onabort
具体参考:http://www.w3school.com.cn/js...chrome
有一个须要注意的: 在使用src的属性的时候,最好是放在onload后面(兼容ie)
ff,chrome默认都是 window.onload 触发后,img.o图片描述nload才触发
而 ie 可能在img.onload 在 window.onload 还没触发 成已经触发了。浏览器
var img=new Image(); img.onload=function(){alert("img is loaded")}; img.onerror=function(){alert("error!")}; img.src="http://www.baidu.com/img/bd_logo1.png"; function show(){alert("body is loaded");}; window.onload=show;
能够经过Image对象的complete 属性来检测图像是否加载完成(每一个Image对象都有一个complete属性,当图像处于
装载过程当中时,该属性值false,当发生了onload、onerror、onabort中任何一个事件后,则表示图像装载过程结束(无论成没成功),此时complete属性为true)dom
ie 火狐等大众浏览器均支持 Image对象的onload事件。 ie8及如下、opera 不支持onerror事件
var oDiv = document.getElementById('div1'); if(img.complete){ oDiv.style.display = "none" } else{ oImg[0].onload = function() { oDiv.style.display = "none" } }