ホームページ >ウェブフロントエンド >jsチュートリアル >js_javascript スキルのイメージ onload イベントを使用するときに発生した問題
Image オブジェクトの onload イベントについて。
取得したいのは画像の幅と高さです。そこでonloadメソッドを使います。もう1つは取得したリモート画像です。
ただし、IE が画像を 2 回目に表示するときは、常に onload メソッドは使用されません。コード:
var img = new Image(); img.src = "loading.gif"; img.onload = function(){ var iheight = img.height; var iwidth = img.width; };
クラスメイトの xiaoniu に見せたところ、img.src は onload メソッドの後に置く必要があることが分かりました。 。
後でググってみると、このような問題については多くの方がまとめていることが分かりました。 。私はそんな部外者なんです。 。
IE はバッファ データをロードするときに onload メソッドをトリガーしなかったため、このイベントのコードは無視されました。 FF がバッファ データをロードすると、onload メソッドがトリガーされます。
実は、onload 中に画像を適応的に調整する必要があるという点がもう 1 つあります。onload の要素に img.src を設定する必要があることがわかりました。 。 。それ以外の場合は、最初の画像のみが記憶されます。 。 。
このキャッシュ領域についてはまだよくわかりません。続く。