码迷,mamicode.com
首页 > 其他好文 > 详细

<img src=""/>引发的问题

时间:2015-08-21 17:35:18      阅读:119      评论:0      收藏:0      [点我收藏+]

标签:

在HTML网页中,如果使用

<img src="">

这样的语句,会导致当前网页被重新载入一次。尤其是对于 php/ asp/ aspx 类型的后台脚本,会导致程序被连续执行两次。

例如,网页脚本的名称为 index.aspx/ index.php/ index.asp,内容中如下:

<html>

<body>

<img src="" />

...其他服务器端代码...

</body>

</html>

调用这个页面的URL 的时候,如果监视网络活动,会发现,网页被调用了2次。如果该访问该网页的URL 还带有参数,那么第一次调用有参数,第二次调用没有参数。

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

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

代码 Firefox IE6 IE7
<img src="" /> 会重复载入 会重复载入 会重复载入
<img src /> 会重复载入 正常 正常
<img /> 正常 正常 正常

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

<img />

<img src=""/>引发的问题

标签:

原文地址:http://my.oschina.net/psuyun/blog/495561

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!