コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > JS は img タグを最適化し、onerror を使用してデフォルトの画像を表示します

JS は img タグを最適化し、onerror を使用してデフォルトの画像を表示します

高洛峰
リリース： 2017-02-04 13:15:43
オリジナル
1272 人が閲覧しました

ネットワークの問題、ファイル自体の問題、ファイル URL の問題など、Web サイトの画像が表示されない理由はたくさんあります。画像の読み込みに失敗すると、onerror イベントがトリガーされ、これを使用して当惑を効果的に回避できます。画像の読み込みに失敗しました!

js コード 

//图像加载出错时的处理 
function errorImg(img) { 
img.src = "http://static.xuexiba.com/uploadfile//UserInfo/Avatar/201403/1303992393385832875324.jpg"; 
img.onerror = null; 
}
ログイン後にコピー

html コード 

<img     style="max-width:90%"  style="max-width:90%" src="1.jpg" onerror="errorImg(this)" / alt="JS は img タグを最適化し、onerror を使用してデフォルトの画像を表示します" >
ログイン後にコピー

ページ効果

JS は img タグを最適化し、onerror を使用してデフォルトの画像を表示します

その他 JS は img タグを最適化し、onerror を使用してデフォルトの画像を表示します。 関連記事については、PHP 中国語 Web サイトに注目してください。

関連ラベル：
img标签 onerror
ソース：php.cn
前の記事：JavaScript はメモリの最適化についても語っています 次の記事：js パフォーマンスの最適化 JavaScript ページをより速く読み込む方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
SQL Count() にも 0 が必要です テーブルが 1 つだけあり、0 で始まるタグの各エントリをカウントしたいと考えています。今度はこれを試します: SELECT tag,COUNT(start)ASAnzahl,us...
から 2024-04-06 19:48:53
0
1
449
hr タグが単色白に設定されているのに半透明になるのはなぜですか? HTML（ブートストラップ付き）とCSSがあり、HTMLにはクラスを持つ<hr>タグがあり、CSSにはその境界線スタイルがあります。半透明で白い色は見えますが、「固体」...
から 2024-04-06 16:13:26
0
1
500
ベンダー固有の疑似要素上の JavaScript ホバー イベント 次の htmlinput タグがあります。 $("input[type='range']::-webkit-slider-thumb").on('hover',...
から 2024-04-06 15:35:24
0
1
274
ページのメインディスプレイに画像を表示するにはどうすればよいですか? 私がやりたいのは、NASAAPI を使用して写真を受信することです。これらの写真は、マイページのサムネイルとメインディスプレイに表示されます。コードがサムネイルから画像を取得してペ...
から 2024-04-06 15:33:12
0
1
433
固定配置された子によって親のパディングが無視される スティッキー要素がヘッダーの後ろに来るのを防ぐにはどうすればよいですか?現在のコードスニペットは親にpadding-topを使用しており、追加の子にmargin-topまたは透明な...
から 2024-04-06 11:42:51
0
1
338
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート