关于img src值为空时,2次请求问题的深入调研

本文通过实验发现,当HTML中的img、input等标签的src属性为空时,会导致浏览器额外发出一次请求。该现象在IE和Firefox浏览器上表现不同,并详细记录了不同标签在两种浏览器下的具体请求行为。
部署运行你感兴趣的模型镜像

关于img src值为空时,2次请求问题的深入调研
2007-12-11 10:35

以前应该有同学遇到过类似的情况当有一个类似如 <img src=’’> 的标签时会对页面多出一次请求,

根据一篇文章的分析,我猜测是不是所有的会主动引入外部文件的标签都会存在此类问题 embed, link,

于是就以实验的方式加以验证.

以下是初步的结论:

 

 

标签\请求次数\浏览器

IE

FF

演示链接

Img

2

2

http://www.ismvv.cn/test/test.php?tag=img

Embed

1

2

http://www.ismvv.cn/test/test.php?tag=embed

Background: url

1

2

http://www.ismvv.cn/test/test.php?tag=background

Link

1

2

http://www.ismvv.cn/test/test.php?tag=link

Input type=’image’

2

2

http://www.ismvv.cn/test/test.php?tag=input

Script

1

2

http://www.ismvv.cn/test/test.php?tag=script

bgsound

2

http://www.ismvv.cn/test/test.php?tag=bgsound

 

:

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

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

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

 

欢迎大家补充,谢谢~

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

Stable-Diffusion-3.5

图片生成
Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型,相比 3.0 版本,它提升了图像质量、运行速度和硬件效率

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>作业</title> <style type="text/css"> .id1 { width: 50px; height: 40px; } .id2 { width: 120px; height: 40px; } .id3 { width: 150px; height: 40px; } table { margin: 0 auto; } .container { width: 1200px; height: 900px; margin: 0 auto; } .tab { display: flex; align-items: center; } .showMore { border: 1px solid #83b2e4; padding: 5px 10px; border-radius: 2px; } .image3 { width: 150px; height: 150px; } .progress { width: 300px; height: 20px; } .progress span { display: inline-block; width: 200px; height: 20px; background-color: #9d9898; border-radius: 5px; vertical-align: middle; } .progress span i { display: block; height: 100%; background-color: #6fa82f; border-radius: 5px; width: 75%; /* 调整进度条宽度 */ z-index: 99; } .zt { color: rgb(136, 132, 132); } .ys { color: rgb(255, 255, 6); } </style> </head> <body> <table border="1" cellspacing="0" width="1000px" height="500px"> <tr> <td colspan="2"> <center>姓名</center> </td> <td>示例姓名</td> <td> <center>职务</center> </td> <td>示例职务</td> <td> <center>出差事由</center> </td> <td colspan="5">项目调研</td> </tr> <tr> <td> <center>起日</center> </td> <td> <center>止日</center> </td> <td> <center>起讫地点</center> </td> <td> <center>项目</center> </td> <td> <center>张数</center> </td> <td colspan="2"> <center>金额</center> </td> <td> <center>项目</center> </td> <td> <center>天数</center> </td> <td colspan="2"> <center>金额</center> </td> </tr> <tr> <td>2025-09-01</td> <td>2025-09-05</td> <td class="id3">北京-上海</td> <td> <center>火车费</center> </td> <td>2</td> <td>¥500</td> <td class="id1"></td> <td> <center>途中补助</center> </td> <td>5</td> <td class="id2">¥1000</td> <td class="id1"></td> </tr> <tr> <td></td> <td></td> <td></td> <td> <center>汽车费</center> </td> <td>3</td> <td>¥200</td> <td class="id1"></td> <td> <center>住勤补助</center> </td> <td>4</td> <td>¥800</td> <td class="id1"></td> </tr> <tr> <td></td> <td></td> <td></td> <td> <center>室内交通费</center> </td> <td>5</td> <td>¥150</td> <td class="id1"></td> <td> <center>夜间乘车</center> </td> <td>2</td> <td>¥300</td> <td class="id1"></td> </tr> <tr> <td></td> <td></td> <td></td> <td> <center>住宿费</center> </td> <td>4</td> <td>¥1200</td> <td class="id1"></td> <td> <center>其它</center> </td> <td>1</td> <td>¥100</td> <td class="id1"></td> </tr> <tr> <td></td> <td></td> <td></td> <td> <center>邮电费</center> </td> <td class="id1">2</td> <td>¥50</td> <td></td> <td></td> <td></td> <td></td> <td class="id1"></td> </tr> <tr> <td></td> <td></td> <td></td> <td colspan="2"> <center>小计</center> </td> <td>¥2100</td> <td></td> <td colspan="2"> <center>小计</center> </td> <td>¥2200</td> <td></td> </tr> <tr> <td colspan="3"> <center>合计</center> </td> <td colspan="8"> <center> (大写)       肆    仟    叁    佰    零    元    零    角    零    分 </center> </td> </tr> </table> <div class="container"> <div class="tab"> <img src="C:\Users\LENOVO\Desktop\1.jpg" alt="图片"> <h2 class="zt"> 我的心灵小屋 </h2> </div> <ul> <li> <a href="">文章精选</a> </li> <li> <a href="">内容收藏</a> </li> <li> <a href="">心情列表</a> </li> </ul> <h2>文章精选</h2> <h4>《致橡树》</h4> <p> <span class="ys">我如果爱你</span>--绝不像攀援的凌霄花,借你的高枝炫耀自己;<span class="ys">我如果爱你</span>-绝不学痴情的鸟儿为绿萌重复单调的歌曲;也不止像泉源长年送来清凉的感藉;也不止像险峰增加你的高度,衬托你的威仪,甚至日光,甚至春雨,不,这些都还不够!我必须是你近旁的一株作为的形像和你社在一起、根、紧握在地下、叶、据的车元里、每一连网的讨我们部互相的意,但没有人巧信我的言语,你有奶的铜技放干,像刀、像叙也像款、我有我江项的花朵像沉重的观息。又像英要的火恒、我们分担康献、网雷、露:我共享要木棉,流岚、虹霓。仿佛永远分离,却又终身相依。这才是伟大的爱情,坚贞就在这里:不仅爱你伟岸的身躯,也爱你坚持的位置,脚下的土地。 </p> <div class="showMore">▼ 显示更多</div> <h4>《再别康桥》</h4> <p> 轻轻的我走了,正如我轻轻的来,我轻轻的招手,作别画天的云彩,那河珠的金视,是夕阳中的新娘:波光里的艳影,在我的心头带,软泥上的青荐,油油的在水床沿播;在南河的柔波里,甘心做一条水草!那论葫下的遭,不是清泉,是天上红;操在浮幕间,沉话着彩虹似的梦。寻梦?撵一支长篙,向青草更青处漫湖,满载一船星辉,在星辉斑调里放歌,,但我不能放歌,悄借是别离的笙兼,夏虫也为我沉默,沉默是今晚的康桥!借悄的我走了,正如我悄悄的来;我挥一挥衣袖,不带走一片云彩。 </p> <h2>心灵成长</h2> <img src="C:\Users\LENOVO\Desktop\2.jpg" alt="图片" class="image3"> <div class="progress"> 今日:<span><<i></</i></span>75% <!-- 调整成长百分比 --> </div> </div> </body> </html> 给我改一下参数,不影响整体的情况下
最新发布
09-25
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值