建立一個圖片對象 : 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" } }