文档章节

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

dinggosumsung
 dinggosumsung
发布于 2017/04/28 20:04
字数 378
阅读 54
收藏 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 />

本文转载自:

共有 人打赏支持
dinggosumsung
粉丝 0
博文 33
码字总数 2108
作品 0
中山
私信 提问
引发的问题

在HTML网页中,如果使用 <img src=""> 这样的语句,会导致当前网页被重新载入一次。尤其是对于 php/ asp/ aspx 类型的后台脚本,会导致程序被连续执行两次。 例如,网页脚本的名称为 index....

彭苏云
2015/08/21
0
0
Android中实现跨进程通信(IPC)的几种方式(二)

Android中实现跨进程通信(IPC)的几种方式(二)     在上一篇文章中介绍了什么是多进程,为什么需要多进程,多进程的优缺点等。这篇我们将会使用AIDL来实现跨进程通信。 1.什么是AIDL  ...

huangandroid
05/26
0
0
这么简单的无缝滚动,IE8不兼容啊

各位大侠指点下: IE8下不滚动,其他的浏览器都滚的,兼容问题?哪出问题了。 JQ里 aaa=function(){ var so=$("#yyy").css("left"); var xleft=parseInt(so)-1; $("#yyy").css("left",xleft...

水人
2014/11/13
734
3
jquery历遍改变属性的问题

求教jquery的写法 下面是原始结构 怎么变成以下结构:就是依次增加一个img标签 然后src是获取它的父级的属性

深山大萝卜
2015/10/25
251
2
ImagesLazyLoad 图片延迟加载效果

之前在做一个图片浏览效果时,要看后面的小图必须等到前面的加载完,而且大图的位置是在大量的小图后面,导致大图要等到小图都加载完才能显示,为了解决这个问题,就想到了Lazyload效果。 现...

青衫无名
2017/12/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Vue- 对象语法 v-bind:class与对象语法的使用

我们可以传给 v-bind:class 一个对象,以动态地切换 class 。 <div v-bind:class="{ active: isActive }"></div>//对象语法也就是在v-bind:class绑定一个对象的时候,里面的值将影响最终取值...

文文1
9分钟前
1
0
epoll中使用

1、一个线程epoll_wait时,另一个线程调用epoll_ctl是安全的。 2、使用edge触发,在socket有数据到来后,不收取数据,再次调用epoll_ctl将socket加入,仍会触发下一次动作。 asio用该方法来发...

gelare
37分钟前
1
0
PHP规范PSR2

PSR标准 - PSR-2 为了尽可能的提升阅读其他人代码时的效率,下面例举了一系列的通用规则,特别是有关于PHP代码风格的。 各个成员项目间的共性组成了这组代码规范。当开发者们在多个项目中合作...

geek土拨鼠
52分钟前
5
0
【极简】如何在服务器上安装SSL证书?

本文适合任何人了解,图形化操作。下面以腾讯云为例,并且服务器(linux)也安装了宝塔面板。 1.登陆腾讯云账号进入控制台,找到SSL的产品 2.按要求申请并填写表单,记住私钥密码 3.提交后,待...

皇冠小丑
今天
1
0
深入理解编译器

深入理解编译器 原文出处 欢迎向Rust中文社区投稿,投稿地址,好文将在以下地方直接展示 1 Rust中文社区首页 2 Rust中文社区Rust文章栏目 3 知乎专栏Rust语言 编程语言是如何工作的 从内部理解...

krircc
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部