Bagaimanakah Saya Boleh Menggantikan Imej Patah dengan jQuery atau JavaScript?

Menggantikan Imej Rosak dengan jQuery atau JavaScript

Halaman web sering bergantung pada imej dan adalah penting untuk mengendalikan situasi apabila imej menjadi tidak tersedia dan imej yang rosak muncul. Artikel ini meneroka dua kaedah untuk menangani isu ini: menggunakan perpustakaan jQuery dan penyelesaian JavaScript tulen.

Pendekatan jQuery

Walaupun pada mulanya dipertimbangkan untuk tugas ini, pendekatan jQuery terbukti kurang jelas. Untuk menggunakan jQuery untuk tujuan ini, anda perlu:

• Dapatkan set imej menggunakan jQuery's $().
• Gunakan kaedah .filter() untuk menapis imej yang rosak.
• Ganti src imej yang rosak menggunakan .attr().

Penyelesaian JavaScript Tulen

Pendekatan alternatif menggunakan JavaScript tulen adalah lebih mudah dan lebih cekap. Dengan mengendalikan acara onError untuk imej, anda boleh menetapkan semula sumbernya:

function imgError(image) {
    image.onerror = "";
    image.src = "/images/noimage.gif";
    return true;
}

<img src="image.png" onError="imgError(this);" />

Sebagai alternatif, anda boleh melaksanakan ini tanpa fungsi:

<img src="image.png" onError="this.onerror=null;this.src='/images/noimage.gif';" />

Keserasian Pertimbangan

Adalah penting untuk ambil perhatian bahawa sokongan penyemak imbas untuk kemudahan ralat mungkin berbeza-beza. Untuk butiran keserasian, rujuk rujukan yang disediakan dalam jawapan asal: http://www.quirksmode.org/dom/events/error.html

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggantikan Imej Patah dengan jQuery atau JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!