img

window.onload =function(){

var body =document.getElementsByTagName('body')[0];

var img =new  Image ();

img.onload=function(){

}

img.onerror=function(){

console.log('请求失败');

}

img.onabort=function(){

console.log('朕放弃了');

}

img.src="http://n.sinaimg.cn/fashion/transform/20160706/A0_d-fxtsatm1496997.jpg"

body.appendChild(img);

}

img属性：

1.complete  返回浏览器是否已完成对图像的加载。

2.hspace    设置或返回图像左侧和右侧的空白。

3.vspace      设置或返回图像的顶部和底部的空白。

事件句柄

1.onabort    当用户放弃图像的加载时调用的事件句柄。

2.onerror        在加载图像的过程中发生错误时调用的事件句柄。

3.onload        当图像加载完毕时调用的事件句柄。