コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > IE_javascript スキルにおける画像の無効な onload イベントの問題と解決策

IE_javascript スキルにおける画像の無効な onload イベントの問題と解決策

WBOY
リリース： 2016-05-16 16:45:38
オリジナル
1378 人が閲覧しました

Web 開発では、画像の幅と高さを取得するのは通常、画像の読み込み前には取得できません。画像自体の幅と高さは読み込み後にのみ取得できます。読み込みが完了しました。例:

コードをコピー コードは次のとおりです:

var img = 新しい Image();
img.src = "loading.gif";
img.onload = function(){
アラート ( img.width );
};

OK? このコードには何も問題はありませんが、IE にバグがあります。初めて開いたときは問題ありませんが、2 回目にこの方法を使用すると、IE が応答しなくなります。 、ページを更新しても同様です。 IE は画像をキャッシュするため、2 回目に読み込まれる画像はサーバーからアップロードされるのではなく、バッファから読み込まれます。
最初にonloadメソッドを書いてから、この画像のURLを指定すると正常になります。したがって、IE が onload イベントをトリガーしないのではなく、バッファーの読み込みが非常に速いため、img.onload が実行される前に onload イベントがすでにトリガーされているためです。それで大丈夫です。

コードをコピー コードは次のとおりです。

var img = new Image();
img .onload = function(){
アラート ( img.width );
};
img.src = "loading.gif";
関連ラベル：
ie 写真
ソース：php.cn
前の記事：JavaScriptでWebページにクリップボードを読み取ってスクリーンショットを貼り付ける機能を実装_javascriptスキル 次の記事：jQuery プラグイン共有ページング プラグイン jqPagination_jquery
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
このページをレスポンシブにするにはどこから始めればよいでしょうか? <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8...
から 2024-04-04 21:21:25
0
1
457
onblurイベントを通じて入力値を取得するにはどうすればよいですか? onblur イベントを介して入力された値を取得しようとしていますが、JS モジュールを使用すると機能しません。 <!DOCTYPEhtml><htmllang=...
から 2024-04-03 08:55:32
0
1
360
axios からノードサーバーにデータを送信できず、空のオブジェクトが返されました 私のクライアントコード: <htmllang="en"><head><metacharset="UTF-8"/...
から 2024-03-31 11:14:22
0
1
2476
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート