您的位置：首页 > 其它

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

2017-04-28 00:00 766 查看

摘要: img src 重复加载

在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 重复加载

相关文章推荐

新的分享

章节导航