1. Saat mengklik tombol, ubah gambar di bidang gambar.
Salinan kode adalah sebagai berikut:
<img id = "randimg" src = "/servlet/createValidatenum"/>
<span style = "kursor: hand" onsclick = "reflush (); return false;"> tidak dapat melihat dengan jelas </span>
<script>
fungsi reflush ()
{
document.geteLementById (randimg) .src = "/servlet/createValidatenum";
}
</script>
2. Penjelasan
"Servlet/CreateValidatenum" adalah servlet yang ditulis oleh Java. Servlet mencetak gambar
3. Masalah yang muncul
Modifikasi gambar di bawah IE6 adalah normal, tetapi tidak disegarkan di bawah IE7 dan Firefox
4. Analisis Situasi
Jika gambar baru berbeda dari alamat gambar lama, efeknya akan keluar. Artinya: gambar telah berubah.
Tetapi fungsi seperti "kode verifikasi". Alamat gambar lama dan baru adalah sama.
Mengingat situasi di atas, diduga bahwa browser dapat secara otomatis membaca cache karena alamat gambarnya sama.
5. Solusi
Ubah JavaScript ke ini:
document.geteLementById (randimg) .src = "/servlet/createValidatenum?"+math.random ();
Artinya: alamat akses berbeda setiap kali, karena ada nomor acak yang ditambahkan. Jadi masalahnya terpecahkan