js 建立圖片物件

建立一個圖片物件 : 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…

有一個需要注意的： 在使用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）

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"
    }
}