javascript - 为什么图像加载不触发？

Question

我使用 xmlhttprequest 将一些文本和图像加载到 div 中。不幸的是，图像 onload 事件不起作用。代码是这样的：

<img src="pic.png" onload="alert('...')"/>

请求后我可以看到图像，但 onload 事件不会触发。为什么？

提前致谢

Answer 1

可以归结为缓存。图像的 onload 事件有点粗略，并不总是针对 AJAX 请求触发。

尝试使用当前日期向请求添加查询参数以停止任何缓存

Answer 2

无需在 onload 中执行 javascript，只需调用一个函数，如下所示：

<img src="image.gif" onload="loadImage()" />

然后在你的文件的头部，有这个：

<script type="text/javascript">
    function loadImage()
{
alert("Image is loaded");
}
</script>

希望这可以帮助！