避免图片 src 为空
图片标签的 src
属性值为空字符串可能以下面两种形式出现:
HTML:
<img src="" />
JavaScript:
var img = new Image();
img.src = "";
虽然 src
属性为空字符串,但浏览器仍然会向服务器发起一个 HTTP 请求:
- IE 向页面所在的目录发送请求;
- Safari、Chrome、Firefox 向页面本身发送请求;
- Opera 不执行任何操作。
空 src 产生请求的后果不容小觑:
- 给服务器造成意外的流量负担,尤其时日 PV 较大时;
- 浪费服务器计算资源;
- 可能产生报错。
空的
href
属性也存在类似问题。用户点击空链接时,浏览器也会向服务器发送HTTP
请求,可以通过JavaScript阻止空链接的默认的行为。