img标签 src值为空时,多了几次链接请求

背景:因为博客那边的图片要导入到论坛相册,中间设计到展示博客主的小头像,当时想多没想就用上了 img标签,效果出来以后也没有发现网络请求,直到流量统计那边发现这个问题我才开始慢慢排查。最后才发现是img标签引起的。

代码:

       <ul class="tk_info_l">

                <li><atarget="_blank"><img src="#" alt="#"></img></a><aname="9" href="#"target="_blank"></a></li>

                <li>相  册:<a name="10"href="#" target="_blank"></a></li>

                            <li>时  间:<spanclass="gray"></span>

                <!--{/if}-->

                </li>

            </ul>
  var   obj= jQuery(".tk_info_l li");

       obj.eq(0).find("a").eq(1).attr('href',data[i][19]);

   obj.eq(0).find("a").eq(0).attr('href',data[i][19]);

   obj.eq(0).find("a").eq(0).find("img").attr('src',data[i][18]);

   obj.eq(0).find("a").eq(0).find("img").attr('alt',data[i][16]);

   obj.eq(0).find("a").eq(0).find("img").attr('height',"40");

   obj.eq(0).find("a").eq(0).find("img").attr('width',"40");

   obj.eq(0).find("a").eq(0).find("img").attr('style',"margin:05px -15px 0;");

obj.eq(0).attr('style',"height:40px;");

修改后的效果

 <li><atarget="_blank"></a><aname="9" href="#"target="_blank"></a></li>

var	obj = jQuery(".tk_info_l li");
    var img = '<img src="'+data[i][18]+'" alt='+data[i][16]+' height=40 width=40 style="margin:0 5px -15px 0;"'+'/>'+'  上传者:'+data[i][16];
   	obj.eq(0).find("a").eq(1).html(img);

以下是转帖别人的结论:

标签/请求次数/浏览器

IE

FF,safari,chrome

 

Img

2

2

 

Embed

1

2

 

Background: url

1

2

 

Link

1

2

 

Input type=’image’

2

2

 

Script

1

2

 

bgsound

2

 

 

注:

1.      对于IE和firefox的2次请求, 两者请求的页面是不一样的.
IE: 请求的是被访问文件所在的目录,如 img标签时, 2次请求为 http://www.xxxx.cn/test/

FF,safari,chrome: 请求的是被访问的文件

2.      对于embed标签,上面所描述的情况是在 type不为空的情况下, type为空时,FF请求1, IE根据type值不同情况不同.

3.      如果 以上的标签中 不包含 src=”” ,就不会发生二次请求.

 

结论:img标签的src=""时,会引起浏览器再次访问"./"即当前目录,如果该目录下有default.aspx,index.aspx等IIS的默认文档,则默认文档会执行2次



  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值