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