js操作img元素的问题

阅读更多

原文地址：http://blog.blacklee.net/tech/783-summing-up-of-a-google-analytics-similar-project-javascript-part

以上文章是一篇关于网站流量统计的。
他遇到的问题是，小图片的请求次数和统计的js请求次数比率是6:10；

原因是只要img对象的src赋值了。那么浏览器就会去请求图片。

解决方法
将引用js的script标签从页面底部移到head标签内
JS加载完马上执行对应方法，不等document.onload完成
不再把图片往document.body上添加，但为了防止被浏览器垃圾回收，需要放到window对象内。

(function(){
  function initData(){xxx;}
  function submit(){
    var img = new Image();
    var id = "tracker-img";
    img.id = id;
    img.onload = img.onerror = img.onabort = function() { window[id] = undefined; };
    window[id] = img; // 避免img对象被浏览器垃圾回收了
    img.src = "http://www.sample.com/1.gif?" + params;
  }
  initData();
  submit();
})()