HTML Web开发 页面中有<img src="">这样的语句,会导致当前网页被重新载入一次的解决方法
2013-06-29 10:38
851 查看
比如
调用这个页面的时候,如果使用firebug看看,会发现,网页被调用了2次。如果该页面还存在其他的复杂的数据请求,那么非常抱歉,复杂的数据依然会把二次请求。
具体原因是,在img 对象的src 属性是空字符串("")的时候,浏览器认为这是一个缺省值,值的内容为当前网页的路径。浏览器会用当前路径进行再一次载入,并把其内容作为图像的二进制内容并试图显示。
对于不同的浏览器测试后,发现对于有无src 或者src 是否为空的情况,还不尽相同,测试结果如下表。
如果为了编程需要,希望指定一个img的src为空值,具体图片路径未来再填入,那正确的方法如下。这样可以避免网页被重复载入。
<img />
<!DOCTYPE> <html> <body> <img src="" /> </body> </html>
调用这个页面的时候,如果使用firebug看看,会发现,网页被调用了2次。如果该页面还存在其他的复杂的数据请求,那么非常抱歉,复杂的数据依然会把二次请求。
具体原因是,在img 对象的src 属性是空字符串("")的时候,浏览器认为这是一个缺省值,值的内容为当前网页的路径。浏览器会用当前路径进行再一次载入,并把其内容作为图像的二进制内容并试图显示。
对于不同的浏览器测试后,发现对于有无src 或者src 是否为空的情况,还不尽相同,测试结果如下表。
代码 | firefox | ie6 | ie7 |
<img src="" /> | 重复载入 | 重复载入 | 重复载入 |
<img src /> | 重复载入 | 正常 | 正常 |
<img /> | 正常 | 正常 | 正常 |
<img />
相关文章推荐
- <img src="中文文件名" /> 无法显示图片,图片名改成英文就可以显示;试了下在电脑桌面写了个HTML测试下,可以显示中文名称的图片,解决方法
- 解决用<img src="<%# Eval("ShowPhoto")%>"动态绑定图片,发布到IIS上无法显示的问题
- jquery mobile phonegap中页面跳转白屏及抖动的解决办法<script src="http://code.jquery.com/jquery-1.6.4.min.js"></scri
- 从给定网页上下载<img src="" />格式的图片,并保存到制指定路径
- ASP.NET页面重复加载的问题之<img src="#" />
- 在<img src="..." title="..."> 中使title的内容换行的方法
- "><img src=1 onerror=alert(document.cookie)>
- htm页面中<a name>加name和id的冲突附解决方法
- 按钮图片<input type="image" class="peidui_Bt1" src="img/pedui_bt.png" />
- python如何提取某一个固定的字符之间的数据如<img src= >" 内容"
- iwms后台出现从客户端(ctl00$cphMain$logo="<img src="pic/logo.g...")中检测到有潜在危险的 Request.Form 值。错误解决方法
- 针对"不重新发送信息,则无法刷新网页。"的终极解决方法。(php&java范例)
- "><img src=hi onerror=alert(1)>
- <authentication+mode="Forms">+是应用级别的...在子目录下用+<authorization>节来控制访问的解决方法
- iwms后台出现从客户端(ctl00$cphMain$logo="<img src="pic/logo.g...")中检测到有潜在危险的 Request.Form 值。错误解决方法
- 解决“<script src=http://3b3.org/c.js> </script>”SQL注入方法
- <a href="javascript:;" onclick="f1();" >test</a>单击不起作用的解决方法
- 关于html中charset与<title>位置不同页面空白的问题及解决方法
- 解决用<img src="<%# Eval("ShowPhoto")%>"动态绑定图片,发布到IIS上无法显示的问题
- <s:property>标签从后台读取Date类型年份为两位在jsp页面显示的解决方法