如题:
<!DOCTYPE>
<html>
<body>
<img src="" />
</body>
</html>
调用这个页面的时候,如果使用firebug看看,会发现,网页被调用了2次。如果该页面还存在其他的复杂的数据请求,那么非常抱歉,复杂的数据依然会把二次请求。
具体原因是,在img 对象的src 属性是空字符串("")的时候,浏览器认为这是一个缺省值,值的内容为当前网页的路径。浏览器会用当前路径进行再一次载入,并把其内容作为图像的二进制内容并试图显示。
对于不同的浏览器测试后,发现对于有无src 或者src 是否为空的情况,还不尽相同,测试结果如下表。
代码 | firefox, chrome | ie6 | ie7 |
---|---|---|---|
<img src="" /> |
重新加载 | 重新加载 | 重新加载 |
<img src /> |
重新加载 | 正常 | 正常 |
<img /> |
重新加载 | 正常 | 正常 |
如果为了编程需要,希望指定一个img的src为空值,具体图片路径未来再填入,那正确的方法如下。这样可以避免网页被重复载入。
<img />