img, script, link 的 src/href 为空时的bug

重复加载

这个 bug 并不新鲜。早在 2009 年，Nicholas C. Zakas 就发现了空 src 的危害性：Empty image src can destroy your site.

Nicholas 的发现可以概括为一句话：img, script, link 的 src/href 为空时，有可能会导致冗余请求。

今天这个 bug 的起因，可以补充 Nicholas 的发现：CSS 里，background url 为空时，也有可能会导致冗余请求。

除了空值，还有一个值也会出问题：#值。 比如 <img src=”#”>

#值比空值更糟糕。比如 background: url(#), 直接会触发一个新请求。

解决方案：

1. 等待浏览器自身的改进。Nicholas 在 2009 年就开始推动各浏览器厂商，现在看起来就 IE 修复得还可以，Firefox 依旧会从本地缓存中读取一次（重复读取有可能会导致 js/css 的再次 parse + execute，浪费呀）。对于#值，则目前所有浏览器都未考虑周全。

2. 改变代码习惯。严禁代码中，url/href/src 值为空或 # . 这应该是目前最好的一种方式。

3. 经验教训：对于开放 CSS 的系统，源码检查时，要加入对 background/background-image: url()/url(#) 的检查。

session丢失

img src为空时，會發生Session掉的問題

因為img的src為空字串所造成的，所以就加入如果src為空字串的話，就把它給清掉，就OK了

转载于:https://my.oschina.net/homeemail/blog/335899