reload - 仅自动重新加载一次图像：javascript 或 html

Question

一旦页面完全加载，如何使用 javascript 和/或 html 自动（即没有用户输入/操作）重新加载一次使用 img 标签嵌入我的页面中的特定图像？我希望从源位置重新加载图像，而不是浏览器缓存。请稍微清醒一点。

Answer 1

IMAGE您可以在元素源上附加一个虚拟 URL 参数。例如，如果图像 URL 是http://mysite.com/image.jpg，则将其更改为http://mysite.com/image.jpg?dummy. 如果图像 URL 上已经有一些参数，例如http://mysite.com/image.jpg?varname=VarValue，将其更改为http://mysite.com/image.jpg?varname=VarValue&dummy. 通常，虚拟参数是以数字表示的当前时间。

这是一个使用时间作为虚拟参数的示例代码。它将图像 URL 更改为类似http://mysite.com/image.jpg?1347218169148. 该函数将在页面加载后执行，并将处理所有IMAGE元素。

<script>
onload = function() {
  var i, imgs = document.images;
  for (i = 0; i < imgs.length; i++) {
    imgs[i].src += (imgs[i].src.indexOf('?') < 0 ? '?' : '&') + (new Date()).valueOf();
  }
};
</script>