new Image()的用途

new Image()用途總結：

 

1、圖片預加載

     在做游戲時，為了使圖片能快打開可以做預加載。

     原理：創建image對象，將image對象的src分別指向需加載的圖片地址，圖片被請求，因為Image對象沒有顯示在頁面上，所以不會對頁面布局產生影響。   

var arr=['1.jpg','2.jpg','3.jpg','4.jpg','5.jpg'];

var img=new Image();

var n=0
img.src=arr[n];
img.onload=function(){
　　n++;
　　if(n<arr.length){
　　　　img.src=arr[n];
　　}
}

 

2、向服務器發送統計請求

 

     為了做點擊量或訪問量統計時，向服務器發送請求。

     原理：創建image對象，image對象的src為請求服務器的地址，當image對象請求圖片資源時，服務發送成功。為了避免瀏覽器緩存導致的不發送請求，可在請求地址后加時間戳。

obj.onclick=function(){
          (new Image()).src="服務器地址"+"？_t="+new Date().getTime();
     }

 

3、創建image對象

 

      如果需要顯示圖片，一般會提前把結構寫好吧。

var img = new Image();　 img.src="1.jpg";
　　document.getElementsByTagName('body')[0].appendChild(img);