當 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