文档章节

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

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

本文转载自:

共有 人打赏支持
dinggosumsung
粉丝 0
博文 30
码字总数 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
js的Image对象属性的简单认识

转载自: http://blog.csdn.net/hdchangchang/article/details/9036511 创建一个Image对象:var a=new Image(); 定义Image对象的src: a.src=”xxx.gif”; 这样做就相当于给浏览器缓存了一张图...

ahl123
2017/06/08
0
0
浏览器问题解决笔记

1.谷歌浏览器图片地址失败显示黑色边框问题 描述:谷歌浏览器在图片地址载入失败时,会提供内部的错误处理机智,加上黑色边框 解决:通过属性选择器,如果img的src为空,我们设置透明度为0 2...

透笔度
2016/12/05
23
0
Vue img src绑定问题

目前Vue1.0的版本中 对于img标签的动态绑定还是存在点坑的,具体如下: 绑定方式1: <img src="{{imgUrl}}"> 绑定方式2: <img :src="imgUrl"> 实际开发过程可能遇到这个的情况,imgUrl只是实...

潘-C
2016/08/06
12.5K
4
Jsoup如何去除自动生成换行符"\n"

使用Jsoup.parse(intro)得到Document对象doc后,doc.html()中会在, 表签等后出现n换行符,有没有大神能把我解决下这个问题啊,去除自动生成换行符"n"!! 代码如下: String intro = "" +"...

罗罗罗写代码
2016/02/22
1K
3
opencv 任意角度旋转图像

//OpenCV 4 下的图像任意角度的旋转 //需要inter公司的OpenCV的支持. //OpenCV 4下的图像任意角度的旋转 //待旋转的图像IplImage* Img_old //返回的旋转后图像 IplImage* Img_tmp. //旋转的角...

长平狐
2012/07/12
441
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

shell中的函数、shell中的数组、告警系统需求分析

shell中的函数 格式: 格式: function f_name() { command } 函数必须要放在最前面 示例1(用来打印参数) 示例2(用于定义加法) 示例3(用于显示IP) shell中的数组 shell中的数组1 定义数...

Zhouliang6
42分钟前
1
0
用 Scikit-Learn 和 Pandas 学习线性回归

      对于想深入了解线性回归的童鞋,这里给出一个完整的例子,详细学完这个例子,对用scikit-learn来运行线性回归,评估模型不会有什么问题了。 1. 获取数据,定义问题     没有...

wangxuwei
今天
1
0
MAC安装MAVEN

一:下载maven压缩包(Zip或tar可选),解压压缩包 二:打开终端输入:vim ~/.bash_profile(如果找不到该文件新建一个:touch ./bash_profile) 三:输入i 四:输入maven环境变量配置 MAVEN_HO...

WALK_MAN
今天
0
0
33.iptables备份与恢复 firewalld的9个zone以及操作 service的操作

10.19 iptables规则备份和恢复 10.20 firewalld的9个zone 10.21 firewalld关于zone的操作 10.22 firewalld关于service的操作 10.19 iptables规则备份和恢复: ~1. 保存和备份iptables规则 ~2...

王鑫linux
今天
1
0
大数据教程(2.11):keeperalived+nginx高可用集群搭建教程

上一章节博主为大家介绍了目前大型互联网项目的系统架构体系,相信大家应该注意到其中很重要的一块知识nginx技术,在本节博主将为大家分享nginx的相关技术以及配置过程。 一、nginx相关概念 ...

em_aaron
今天
0
0
Apache Directory Studio连接Weblogic内置LDAP

OBIEE默认使用Weblogic内置LDAP管理用户及组。 要整理已存在的用户及组,此前办法是导出安全数据,文本编辑器打开认证文件,使用正则表达式获取用户及组的信息。 后来想到直接用Apache Dire...

wffger
今天
2
0
HFS

FS,它是一种上传文件的软件。 专为个人用户所设计的 HTTP 档案系统 - Http File Server,如果您觉得架设 FTP Server 太麻烦,那么这个软件可以提供您更方便的档案传输系统,下载后无须安装,...

garkey
今天
1
0
Java IO类库之BufferedInputStream

一、BufferedInputStream介绍 /** * A <code>BufferedInputStream</code> adds * functionality to another input stream-namely, * the ability to buffer the input and to * sup......

老韭菜
今天
0
0
STM 32 窗口看门狗

http://bbs.elecfans.com/jishu_805708_1_1.html https://blog.csdn.net/a1985831055/article/details/77404131...

whoisliang
昨天
0
0
Dubbo解析(六)-服务调用

当dubbo消费方和提供方都发布和引用完成后,第四步就是消费方调用提供方。 还是以dubbo的DemoService举例 -- 提供方<dubbo:application name="demo-provider"/><dubbo:registry address="z...

青离
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部