当 div 内容改变时刷新浏览器

Question

在<div>我嵌入了一个<img> ，有时我会遇到新 img 来时浏览器没有重新加载的问题。 所以我在特定的时间间隔内刷新浏览器。 但是，当<div>内容更改时，如何强制浏览器自动刷新？ 我使用 Internet Explorer 并且不想使用 Ajax 或 Jquery。 如果我们只在 Javascript 或 Html 中找到解决方案，那就太好了。

<body onload="JavaScript:AutoRefresh(5000);">

然后在<script>部分我设置为window.location.reload(1)

因为这个解决方案不是用户友好的。

希望你能找到更好的解决方案。

Answer 1

尝试改变形象？

<img src="./img.src" onchange="javascript:window.location.reload();"

Answer 2

看起来这意味着您正在更改网络服务器上的图像，并希望浏览器自动重新加载。 但问题是浏览器不会知道图像何时更改，除非您重新加载。

您可以使用 http 请求轮询服务器。

目前尚不清楚图像的更新方式，但我会这样做：

每当更改图像时，将哈希或上次更新时间戳放在我服务器上的 URL 下
使用XMLHttpRequest （例如： https : //stackoverflow.com/a/4033310/ ）每隔 x 秒或分钟从服务器轮询哈希/时间戳
将接收到的数据与最后一个已知值进行比较
如果不同，请重新加载页面

这样页面只会在图像更改时重新加载。

当 div 内容改变时刷新浏览器

问题描述

2 个解决方案

解决方案1
2 已采纳 2020-09-10 07:41:20

解决方案2
0 2020-09-10 08:06:06

当 div 内容改变时刷新浏览器

问题描述

2 个解决方案

解决方案1 2 已采纳 2020-09-10 07:41:20

解决方案2 0 2020-09-10 08:06:06

解决方案1
2 已采纳 2020-09-10 07:41:20

解决方案2
0 2020-09-10 08:06:06