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="">都会导致出现一个新的请求)
上一篇:[Flutter] lib/main.dart:1: Warning: Interpreting this as package URI, 'package:flutter_app/main.dart'.


下一篇:MyBatis基础学习笔记--自总结