天天看點

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);      

  

繼續閱讀