img标签src=""和background-image:url();引发两次请求页面bug

  img标签src=""和background-image:url();引发两次请求页面bug 具体原因是，在img 对象的src 属性是空字符串("")的时候，浏览器认为这是一个缺省值，值的内容为当前网页的路径。

浏览器会用当前路径进行再一次载入，并把其内容作为图像的二进制内 容并试图显示。

对于不同的浏览器测试后，发现对于有无src 或者src 是否为空的情况，还不尽相同，测试结果如下表。

 

代码	Firefox	IE6	IE7
<img src="" />	会重复载入	会重复载入	会重复载入
<img src />	会重复载入	正常	正常
<img />	正常	正常	正常

 

以后如果图片路径后来才赋值的，一定注意这个问题,不要加上src="";或者background-image:url(); 。

（IE中只有img标签有上述问题，而在chrome、firefox、safari中<script src="">和<link href="">都会导致出现一个新的请求）

转载于:https://www.cnblogs.com/wqhwe/p/4933819.html