代码之家 › 专栏 › 技术社区 › anthonypliu

当页面加载图像时,它是只加载一次,还是每次在标记中找到图像时都加载一次?

html jquery javascript

anthonypliu · 技术社区 · 16 年前

当页面加载图像时,它是只加载一次,还是每次在标记中找到图像时都加载一次?那么jquery呢,附加一个img会导致它重新加载吗?我这样问是因为我有一个高分辨率的图像,但需要在标记的许多实例中使用它。

<img src="hello.jpg" />
<img src="hello.jpg" />
<img src="hello.jpg" />


var myimg = $('<img src="hello.jpg />');
$('img').append(myimg);

3 回复 | 直到 16 年前

alex 16 年前

浏览器在每次页面加载时只加载一次相同的图像,除非您使用了具有攻击性的反缓存头(我看不出您每次页面加载的原因)。

您可以通过查看 Firebug . 写一个循环并观察网络标签。

for (var i = 0; i < 10; i++) {
   var myimg = $('<img src="hello.jpg alt="" />');
   $('img').append(myimg);
}

Reigel Gallarde 16 年前

它将至少加载一次,每次加载页面时…这就是为什么预加载图像是好的…

jakeisonline 16 年前

这实际上取决于浏览器如何处理资产加载。不过,一般来说,无论图像在标记中出现多少次,浏览器都只加载一次。

您还可以使用jquery和javascript来利用浏览器缓存(即为预加载或将来使用而保存图像),这将在一定程度上减轻访问者的负担。退房 http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

1 年前

user28928120 · 如何在jquery中选择所有类?

1 年前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

1 年前

Eliable · 使点击计数器和进度条协同工作

1 年前

mlri · 从不同的onclick事件执行相同的javascript函数

1 年前

Cymro · 如何将jquery$(this)与$(document).keyup一起使用

1 年前

Jack Maessen · 在处理程序上使用时如何获取输入类型

1 年前

BlueDogRanch · 使用jQuery Datepicker和dateFormat、altFormat和altField以及$(this)

1 年前

Jameel · Jquery:未捕获SyntaxError:在参数列表后的“Node”上执行“appendChild”失败:缺失)

1 年前