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

如题:

<!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 />

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,026评论 19 139
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 1,232评论 0 1
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,816评论 1 92
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,573评论 0 17
  • Linux - 14.04.5Apache - Apache2Mysql - mysql5.6PHP - php5...
    曹渊说创业阅读 442评论 0 0