避免图片 src 为空

未匹配的标注

图片标签的 src 属性值为空字符串可能以下面两种形式出现:

HTML:

<img src="" />

JavaScript:

var img = new Image(); 
img.src = "";

虽然 src 属性为空字符串,但浏览器仍然会向服务器发起一个 HTTP 请求:

  • IE 向页面所在的目录发送请求;
  • Safari、Chrome、Firefox 向页面本身发送请求;
  • Opera 不执行任何操作。

空 src 产生请求的后果不容小觑:

  • 给服务器造成意外的流量负担,尤其时日 PV 较大时;
  • 浪费服务器计算资源;
  • 可能产生报错。

空的 href 属性也存在类似问题。用户点击空链接时,浏览器也会向服务器发送HTTP请求,可以通过JavaScript阻止空链接的默认的行为。

本文章首发在 LearnKu.com 网站上。

上一篇 下一篇
Summer
讨论数量: 0
发起讨论 只看当前版本


暂无话题~