Image和onload
一、JS的new image（）用法
创建一个Image对象：var a = new Image();
定义Image对象的src：a.src="xxx.gif";这样就相当于给浏览器缓存一张照片了。<body>
<img src="" alt="" id="pic"/> <script> var a = new Image();
//将图片缓存在浏览器中 a.src = "../picture/1.jpg"
//也可以将图片呈现在页面中
var pic = document.querySelector('#pic'); pic.src = a.src </script> </body>
Image也经常用于预加载。
Image对象代表嵌入的图像。
<img>标签每出现一次，一个Image对象就会被创建。
image.onload:
该事件的处理函数将会在image元素指示的图片加载完毕之后触发。此事件触发适用于用src元素属性或用list-style-image css属性声明元素样式。如果图片的加载源发生变化，该事件会在图片加载完毕之后再次触发。该事件不会再文档树上向上冒泡。
