【JavaScript】ロードに失敗した赤いフォーク画像処理と画像ラベルのオンerrorイベント
908 ワード
インターネットを利用している時、ロード失敗の赤いフォークの写真を見たことがあります.具体的には下の図のようです.もちろん今はGoogle ChromeとFirefoxの処理がいいです.
実際には、画像タグのオンerrorイベントを利用して処理することができます.ロードに失敗したら、すぐにデフォルトの画像をロードしてください.
そのコードは以下の通りです
もちろん、もっと多くの属性を設定するなら、完全にこのように書くことができます.
そしてjavascriptにこのようなone Error Handle関数を書きます.
実際には、画像タグのオンerrorイベントを利用して処理することができます.ロードに失敗したら、すぐにデフォルトの画像をロードしてください.
そのコードは以下の通りです
<img src="s.png" onerror="javascript:this.src='xx.png';this.width=80;this.height=80;" />
は、s.pngのこの画像をロードして失敗したら、すぐにxx.pngのこの画像をロードします.同時に、xx.pngのこの写真は80 x 80でロードするように要求します.もちろん、もっと多くの属性を設定するなら、完全にこのように書くことができます.
<img src="s.png" onerror="onErrorHandle(this)" />
は、このs.pngローディングに失敗したjavascript処理関数をオンError Handleと宣言し、自分、つまりこのノードを過去に伝えます.そしてjavascriptにこのようなone Error Handle関数を書きます.
function onErrorHandle(obj){
obj.src="xx.png";
obj.width=80;
obj.height=80;
}
このようにすれば、このObj.xx属性を使えばいいです.同時にオンロ=「」という事件の二重引用符にあまりにも多くの単引用符を書きすぎて、自分の頭がくらくらするのを避けました.