参考文章：https://www.jianshu.com/p/14853aee567b

- 建立图像对象：var myImg = new Image();  // 图像对象名称=new Image([宽度],[高度])

- Image 对象的属性 ：border|complete|height|hspace|lowsrc|name|src|vspace|width

- Image 对象的事件：onabort|onerror|onkeydown|onkeypress|onkeyup|onload

- 需要事项：src 属性一定要写到 onload 的后面，否则程序在 IE 中会出错。

参考代码：

var img = new Image();  
img.onload = function () {
  alert("img is loaded")
};  
img.onerror = function () {
  alert("error!")
};  
img.src = "http://www.baidu.com/img.gif";  
function show(){
  alert("body is loaded");
}  
window.onload = show;  

- complete属性，可以通过Image对象的complete属性来检测图像是否加载完成（每个Image对象都有一个complete属性，当图像处于装载过程中时，该属性值false,当发生了onload、onerror、onabort中任何一个事件后，则表示图像装载过程结束（不管成没成功），此时complete属性为true）