Bagaimana untuk Memastikan Peristiwa `onload` Imej Menyala Walaupun Dengan Caching Penyemak Imbas?

Pemuatan Imej Dicache dan Cache Penyemak Imbas

Apabila cuba memaparkan amaran selepas memuatkan imej, peristiwa .onload mungkin gagal dicetuskan jika imej telah dicache dalam penyemak imbas. Untuk memastikan amaran dipaparkan tanpa mengira caching, terdapat beberapa pendekatan:

Menetapkan Harta Muatan Sebelum Sumber

Konfigurasikan sifat .onload sebelum menetapkan sumber (src) daripada imej itu. Ini memastikan pendengar acara onload didaftarkan sebelum penyemak imbas menyemak cachenya untuk imej:

var img = new Image();
img.onload = function () {
   alert("image is loaded");
}
img.src = "img.jpg";

Menggunakan Pengendali Acara jQuery

Sebagai alternatif, gunakan jQuery's .on ('muat') pengendali acara. Kaedah ini amat berkesan untuk imej yang dijana secara dinamik:

var img = new Image();
// 'load' event
$(img).on('load', function() {
  alert("image is loaded");
});
img.src = "img.jpg";

Kedua-dua kaedah berkesan mencetuskan peristiwa amaran tanpa mengira sama ada imej itu dicache atau tidak. Dengan mengubah suai susunan pendaftaran acara atau menggunakan jQuery, acara .onload boleh dijamin untuk menyala walaupun imej berada dalam cache penyemak imbas.

Atas ialah kandungan terperinci Bagaimana untuk Memastikan Peristiwa `onload` Imej Menyala Walaupun Dengan Caching Penyemak Imbas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!