JavaScript技巧：為頁面上的所有連結添加隨機數字（或毫秒時間）

Question

我有靜態HTML頁面，網址為https://MyPage/index.html

#頁麵包含幾個圖片，位於https://MyPage/MyImages

圖片在HTML原始碼中的連結如下：

……

當點擊按鈕或更好的是頁面載入時，所有的圖片連結都應該透過添加一個隨機數字或例如當前的毫秒時間來重寫，以便連結看起來像這樣：

……

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

更改頁面上的所有連結

如何使用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個影像，所有操作都在同一毫秒內完成。