您的位置:首页 > Web前端 > HTML

HTML Web开发 页面中有<img src="">这样的语句,会导致当前网页被重新载入一次的解决方法

2013-06-29 10:38 851 查看
比如

<!DOCTYPE>
<html>
<body>  <img src="" /> </body>
</html>


调用这个页面的时候,如果使用firebug看看,会发现,网页被调用了2次。如果该页面还存在其他的复杂的数据请求,那么非常抱歉,复杂的数据依然会把二次请求。

具体原因是,在img 对象的src 属性是空字符串("")的时候,浏览器认为这是一个缺省值,值的内容为当前网页的路径。浏览器会用当前路径进行再一次载入,并把其内容作为图像的二进制内容并试图显示。

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

代码

firefox

ie6

ie7

<img src="" />

重复载入

重复载入

重复载入

<img src />

重复载入

正常

正常

<img />

正常

正常

正常

如果为了编程需要,希望指定一个img的src为空值,具体图片路径未来再填入,那正确的方法如下。这样可以避免网页被重复载入。

<img />
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐