首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js操作img元素的有关问题

2012-10-08 
js操作img元素的问题原文地址:http://blog.blacklee.net/tech/783-summing-up-of-a-google-analytics-simi

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

热点排行