Warum schlägt das Attribut „onerror' für Bilder in Chrome und Mozilla manchmal fehl?

Umgang mit defekten Bildern mit dem onerror-Attribut

Der HTML-Code Das Element stellt ein onerror-Attribut bereit, mit dem Entwickler ein alternatives Bild oder eine Aktion angeben können, die ergriffen werden soll, wenn das Laden des primären Bildes fehlschlägt. Allerdings haben Benutzer von Problemen mit diesem Attribut in bestimmten Browsern wie Chrome und Mozilla berichtet.

Um dieses Problem zu beheben, wird die Verwendung der folgenden Codestruktur empfohlen:

<code class="html"><img src="invalid_link"
     onerror="this.onerror=null;this.src='https://placeimg.com/200/300/animals';"
></code>

Dieser Code funktioniert, indem der onerror-Handler nach dem ersten Auslösen auf null gesetzt wird. Dies verhindert eine Endlosschleife von Fehlerereignissen für den Fall, dass auch die Backup-URL ungültig ist.

Live-Demo: http://jsfiddle.net/oLqfxjoz/

Das obige ist der detaillierte Inhalt vonWarum schlägt das Attribut „onerror' für Bilder in Chrome und Mozilla manchmal fehl?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!