Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/google-cloud-platform/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
javascript img onload()_Javascript_Jquery_Html - Fatal编程技术网

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我使用代码绑定,与您的描述相对应的效果是什么?我不能,因为我的代码需要计算每个图像的宽度和高度来进行一些布局。而且一些图像加载非常缓慢