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