javascript img onload()
我正在使用javascript img onload(),javascript,jquery,html,Javascript,Jquery,Html,我正在使用 谢谢。这是因为您的浏览器实际上正在缓存第一个图像。因此,当您尝试再次加载同一个“src”时,它会在本地缓存,并且不会实际触发onload。要使其始终加载,您可以在查询字符串中附加一个唯一的值。而不是为每个使用单独的onload处理程序,为什么不为窗口使用一个onload事件呢?此事件在加载所有内容(如所有图像)后激发,因此您可以在单个处理程序中处理每个图像。比如: function processAllImages() { var imgElts = document.get
谢谢。这是因为您的浏览器实际上正在缓存第一个图像。因此,当您尝试再次加载同一个“src”时,它会在本地缓存,并且不会实际触发onload。要使其始终加载,您可以在查询字符串中附加一个唯一的值。而不是为每个
使用单独的onload
处理程序,为什么不为窗口
使用一个onload
事件呢?此事件在加载所有内容(如所有图像)后激发,因此您可以在单个处理程序中处理每个图像。比如:
function processAllImages()
{
var imgElts = document.getElementsByTagName('img');
for (var i=0; i<imgElts.length; i++)
{
processImage(imgElts[i]); // TODO write this function
}
}
window.onload = processAllImages;
函数processalImage()
{
var imgElts=document.getElementsByTagName('img');
对于(var i=0;i我以前也问过类似的问题。
看看这个:
简而言之,您可以使用img
tag的“complete”属性。
绑定加载事件之前请检查它。如果在img标记上设置.src
属性之前设置了.onload
处理程序,则即使图像来自浏览器缓存,onload处理程序也应启动。如果您先设置.src
(或者它已经在页面的HTML中设置),然后设置.onload
,可能太晚了。@jfriend00我使用代码绑定,与您的描述相对应的效果是什么?我不能,因为我的代码需要计算每个图像的宽度和高度来进行一些布局。而且一些图像加载非常缓慢