如何將 append 隨機數（或以毫秒為單位的時間）發送到帶有 JavaScript 的頁面上的所有鏈接？

Question

我在地址https://MyPage/index.html有一個 static HTML 頁面

該頁面包含幾張圖片，位於https://MyPage/MyImages

圖像鏈接在 HTML 源代碼中，如下所示：

…<span><img width=x height=y src="MyImages/imageXYZ.png"</span>…

單擊按鈕時，或者更好的是，加載頁面時，所有圖像鏈接都應通過附加隨機數或例如以毫秒為單位的當前時間來重寫，以便鏈接之后看起來像這樣：

…<span><img width=x height=y src="MyImages/imageXYZ.png?1587624427"</span>…

我相信可以在這里找到可能的起點：

更改頁面上的所有鏈接

如何更改所有鏈接 javascript

如何將頁面上的每個鏈接更改為新內容？

從那里開始，我如何添加到給定的示例中，以便（而不是不斷重定向）將隨機數或以毫秒為單位的時間附加到所有圖像鏈接？

Answer 1

 const time_to_img = () => { document.querySelectorAll('img').forEach(e => { const dateStr = Date.now(); const date = new Date(dateStr); e.src = e.src + '?' + date.getTime(); }) } window.addEventListener('load', time_to_img);

 <img src="https://picsum.photos/id/1/300/200" alt=""> <img src="https://picsum.photos/id/7/300/200" alt=""> <img src="https://picsum.photos/id/12/300/200" alt=""> <img src="https://picsum.photos/id/22/300/200" alt="">

在循環中，您計算了以毫秒為單位的時間，之后將其添加到每個圖像的 src 中？

現在如果你想為每張圖片分配不同的數字，你必須添加一些東西（隨機數？）。 這里有 4 張圖片，一切都在同一毫秒內完成

Answer 2

在此期間我做了這個：

<body onload="CacheBuster()";>

<script>
function CacheBuster() {
    document.querySelectorAll('img').forEach(e => {
      const dateStr = Date.now();
      const date = new Date(dateStr);
      e.src = e.src + '?' + date.getTime();
    })
    }
</script>

那有什么好處嗎？ 它似乎完美地工作！

如何將 append 隨機數（或以毫秒為單位的時間）發送到帶有 JavaScript 的頁面上的所有鏈接？

問題描述

2 個解決方案

解決方案1
2 2022-11-15 16:37:26

解決方案2
0 2022-11-15 17:08:50

如何將 append 隨機數（或以毫秒為單位的時間）發送到帶有 JavaScript 的頁面上的所有鏈接？

問題描述

2 個解決方案

解決方案1 2 2022-11-15 16:37:26

解決方案2 0 2022-11-15 17:08:50

解決方案1
2 2022-11-15 16:37:26

解決方案2
0 2022-11-15 17:08:50