JavaScript-Tipp: Fügen Sie allen Links auf der Seite eine Zufallszahl (oder Millisekundenzeit) hinzu

Question

Ich habe eine statische HTML-Seite mit der Adresse https://MyPage/index.html

Die Seite enthält mehrere Bilder, die sich unter https://MyPage/MyImages

befinden

Der Link zum Bild im HTML-Quellcode lautet wie folgt:

……

Wenn der Button angeklickt wird oder besser noch die Seite geladen wird, sollten alle Bildlinks durch Hinzufügen einer Zufallszahl oder z.B. der aktuellen Zeit in Millisekunden neu geschrieben werden, sodass der Link so aussieht:

……

Ich glaube, hier kann ein möglicher Ansatzpunkt gefunden werden:

Alle Links auf der Seite ändern

So ändern Sie alle Links mit Javascript

Wie ändere ich jeden Link auf der Seite in neuen Inhalt?

Wie kann ich von dort aus (anstelle einer ständigen Weiterleitung) das angegebene Beispiel so ergänzen, dass allen Bildlinks eine Zufallszahl oder eine Millisekundenzeit angehängt wird?

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个图像，所有操作都在同一毫秒内完成。