1. عند النقر فوق زر ، قم بتغيير الصورة في حقل الصورة.
نسخة الكود كما يلي:
<img id = "randimg" src = "/servlet/createvalidatenum"/>
<span style = "cursor: hand" onClick = "represush () ؛ return false ؛"> لا يمكن رؤية بوضوح </span>
<script>
وظيفة reparush ()
{
document.getElementById (randimg) .src = "/servlet/createvalidatenum" ؛
}
</script>
2. التفسير
"servlet/createvalidatenum" هو servlet كتبه جافا. يطبع servlet الصورة
3. المشاكل التي تنشأ
تعديل الصورة تحت IE6 أمر طبيعي ، لكنه لم يتم تحديثه تحت IE7 و Firefox
4. تحليل الموقف
إذا كانت الصورة الجديدة مختلفة عن عنوان الصورة القديمة ، فسيظهر التأثير. هذا هو: لقد تغيرت الصورة.
ولكن وظائف مثل "رمز التحقق". عناوين الصور القديمة والجديدة هي نفسها.
في ضوء الموقف أعلاه ، يشتبه في أن المتصفح قد يقرأ ذاكرة التخزين المؤقت تلقائيًا لأن عنوان الصورة هو نفسه.
5. الحل
تغيير JavaScript إلى هذا:
document.getElementById (randimg) .src = "/servlet/createvalidatenum؟"+math.random () ؛
هذا هو: عنوان الوصول مختلف في كل مرة ، لأنه يوجد رقم عشوائي. لذلك تم حل المشكلة