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

最新推荐文章于 2023-01-17 13:24:57 发布

金台

最新推荐文章于 2023-01-17 13:24:57 发布

阅读量799

点赞数

分类专栏： web 前端

本文链接：https://blog.csdn.net/bad19876414641/article/details/9201635

版权

6 篇文章 0 订阅

订阅专栏

比如

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

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

具体原因是，在img 对象的src 属性是空字符串("")的时候，浏览器认为这是一个缺省值，值的内容为当前网页的路径。浏览器会用当前路径进行再一次载入，并把其内容作为图像的二进制内容并试图显示。
对于不同的浏览器测试后，发现对于有无src 或者src 是否为空的情况，还不尽相同，测试结果如下表。

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

关注