js は画像のプリロードを実装します (js は画像オブジェクトの属性を完全に操作し、イベント onload は画像を非同期的に読み込みます)_javascript スキル

例を見てみましょう:

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

すべてのブラウザが onload イベントをトリガーしないことは確かです。画像がキャッシュされているかロードされているかという観点から見ると、IE と Opera は通常どおりに動作し、IE の readState は常に false になります。混乱を招くのは FF で、Imgttmt.complete は常に true ですが、さらに混乱を招くのは Chrom で、new Imgttmt() が最初に呼び出されたときに Imgttmt.complete が false になります。それ以降、Imgttmt.complete の値は常に true になります。一度もロードされていないイメージに変更した場合、FF と Chrom の動作は一貫しています。最初にロードするときは、Imgttmt.complete 値は false ですが、その後は true になります。
テスト プロセス中に、スクリプトの実行順序が onload などのイベントの追加に実際に影響を与えることもわかりました。イベントが表示された後に追加しても、実際には意味がありません。 JavaScript などのインタプリタ言語の特性に基づいて、イベントを追加する場合は、イベントをトリガーするハンドルの前にイベントを追加することに注意する必要があります。