Petua JavaScript: Tambahkan nombor rawak (atau masa milisaat) pada semua pautan pada halaman

Question

Saya mempunyai halaman HTML statik dengan alamat https://MyPage/index.html

Halaman ini mengandungi beberapa imej yang terletak di https://MyPage/MyImages

Pautan ke imej dalam kod sumber HTML adalah seperti berikut:

……

Apabila butang diklik atau lebih baik lagi halaman dimuatkan, semua pautan imej hendaklah ditulis semula dengan menambah nombor rawak atau cth. masa milisaat semasa, supaya pautan kelihatan seperti ini:

……

Saya percaya titik permulaan yang mungkin boleh didapati di sini:

Tukar semua pautan pada halaman

Cara menukar semua pautan menggunakan javascript

Bagaimanakah saya boleh menukar setiap pautan pada halaman kepada kandungan baharu?

Dari situ, bagaimana saya boleh menambah (bukannya mengubah hala berterusan) pada contoh yang diberikan supaya nombor rawak atau masa milisaat dilampirkan pada semua pautan imej?

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="">

Dalam gelung anda mengira masa dalam milisaat dan kemudian menambahkannya selepas src setiap imej?

Sekarang, jika anda ingin menggunakan nombor yang berbeza untuk setiap imej, anda perlu menambah sesuatu (nombor rawak?). Di sini, untuk 4 imej, semua operasi selesai dalam milisaat yang sama.