new Image()的用途

new Image()用途總結：

 

一、圖片預加載

     在作遊戲時，爲了使圖片能快打開能夠作預加載。

     原理：建立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];
　　}
}

 

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

 

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

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

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

 

三、建立image對象

 

      若是須要顯示圖片，通常會提早把結構寫好吧。

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