Kod JavaScript
//图像加载出错时的处理 function errorImg(img) { img.src = "默认图片.jpg"; img.onerror = null; }
kod html
<img width="32" height="32" src="1.jpg" onerror="errorImg(this)" />
Demi kecantikan, imej garpu tidak akan dipaparkan apabila imej halaman web tidak wujud
Apabila apabila halaman dipaparkan, jika imej dialihkan atau hilang, imej dengan X akan dipaparkan pada halaman, yang sangat mempengaruhi pengalaman pengguna. Walaupun atribut alt digunakan untuk memberikan mesej segera "Gambar XX", ia tidak akan memberi banyak kesan.
Malah, ia boleh dikendalikan seperti ini: apabila gambar tidak wujud, peristiwa onerror akan dicetuskan Kami boleh melakukan beberapa kerja pemulihan dalam acara ini, seperti:
<. 🎜>1. Biarkan Sembunyikan elemen gambar ini:
为了美观当网页图片不存在时不显示叉叉图片 src="图片的url地址" alt="图片XX" onerror="this.style.display='none'"/>
2. Gantikannya dengan gambar lalai:
为了美观当网页图片不存在时不显示叉叉图片 src="图片的url地址" alt="图片XX" onerror="this.src='默认图片的url地址'"/>
Oleh itu, dua kaedah berikut perlu digunakan untuk menyelesaikan masalah:
a onerror cukup kecil dan wujud.为了美观当网页图片不存在时不显示叉叉图片 src="图片的url地址" alt="图片XX" onerror="this.src='默认图片的url地址;this.onerror=null'"/>