一、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屬性聲明元素樣式。如果圖片的加載源發生變化，該事件會在圖片加載完畢之后再次觸發。該事件不會再文檔樹上向上冒泡。