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