绑定到img标记的javascript加载事件

我将学习本教程（）

现在发生的事情的要点是在

img

load上记录了一个计时标记，我不想为我们整个网站的

img

标签添加onload。我排除了Jquery，因为它正在测量性能，我不想等待Jquery库加载，因为它会干扰计时测量。因此我更喜欢使用Javascript。但我所追求的基本上是Jquery脚本的功能

$('img').load(alert('performance marking event, img loaded'));

这将允许我将所有的img标记都放在一边，并插入一个脚本，该脚本在加载img标记时不会影响我的计时

---

Devin

为了记录在案，我采用了以下示例中的方法：

德文

var-imgs=document.getElementsByTagName（'img'）；
对于（i=0；i

你知道

$（'img'）.load（function（）{alert（'…'）；}）

会做什么吗？它通过每个

img

标记并附加一个

onload

事件处理程序。可能是Mike C的副本，不是很清楚，我只想使用Javascript。@MikeC刚刚向您解释了

jQuery

方法在幕后的作用，这就是您想要做的。@DevinGleasonLambert不要直接将其插入DOM。使用类似于

document.queryselectoral（'img'）

的方法获取所有图像，然后使用

for

循环为它们提供一个

onload

处理程序。

var imgs = document.getElementsByTagName('img');
for(i = 0; i< imgs.length; i++)
{
    attachMyLoadEvent(imgs[i]);
}

function attachMyLoadEvent(img)
{
    img.onload = function(){console.log('img loaded: ' + img.src);};
}