【轉】使用new Image()打點時的一個注意事項

標籤：

網站分析中，我們經常會用new Image()的方式向伺服器發送一條打點訊息，例如：

(new Image()).src = "http://log.mysite.com/1.gif?a=1&b=2&c=xxx";

　　這種方式簡單易用，因而被廣泛採用。但上面這段代碼的問題是這個new Image()是一個沒有引用的臨時變數，隨時可能被瀏覽器的記憶體回收機制回收。如果這個圖片的HTTP請求尚未建立，那麼在被回收時這個請求就會被取消，導致打點並沒有真正發出。如果打點所在的頁面比較複雜，瀏覽器記憶體回收機制可能會被頻繁觸發，那麼這種方式打點的丟失率可能會高達10%以上。

解決方案很簡單，將這個圖片賦值給一個全域變數即可，例如：

var img = new Image();var rnd_id = "_img_" + Math.random();window[rnd_id] = img; // 全域變數引用img.onload = img.onerror = function () {    window[rnd_id] = null; // 刪除全域變數引用}img.src = "http://log.mysite.com/1.gif?a=1&b=2&c=xxx";

本文源自oldj‘s blog

【轉】使用new Image()打點時的一個注意事項