javascript - イメージがロードされるタイミングを決定するための Img.complete と img.onload の違いは何ですか?

Question

画像がロードされているかどうかを判断するための 2 つの違いは何ですか?通常、読み込みが完了すると onload イベントが呼び戻されますが、img.complete はまだ必要ですか?

Answer 1

img.complete は Image オブジェクトのプロパティであり、ブール値を返します。img.onload は画像がロードされた後にトリガーされるイベントです

Answer 2

これら 2 つは img.complete可以判断图片加载完成，img.onload并不能判断图片是否加载完，而是在加载完毕之后，直接运行onload バインドされた関数のみを持ちます。

Answer 3

complete は HTMLImageElement オブジェクトの単なる属性ですが、onload は Image オブジェクトのロード イベント コールバックです。前者はイベント発生時に非同期コールバックを正確に実行できず、ブラウザーの互換性に問題があります。

Answer 4

GlobalEventHandlers ミックスインの onload プロパティは、Window、XMLHttpRequest、<img> 要素などのロード イベントのイベント ハンドラーであり、リソースが読み込まれたときに発生します。
onload イベントは、img が読み込まれると解放されます。 , src イメージは非同期でロードされ、バインディング イベントの前にロードが完了した場合、onload イベントはトリガーされません。
img.complete は常に存在するプロパティであり、読み込み完了後に true になります。