JavaScript を使用して画像が読み込まれているかどうかを判断する 3 つの方法_JavaScript スキル

場合によっては、画像のサイズを取得する必要があることがあります。これは、画像がロードされた後に行う必要があります。これを実現するには 3 つの方法があり、以下で 1 つずつ紹介します。

1. イベントをロードします

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

< !DOCTYPE HTML>

;

読み込み中...

テスト済み、すべてのブラウザで表示「loaded」は、すべてのブラウザがimgのloadイベントをサポートしていることを示します。

2.readystatechange イベント

コードをコピーします

コードは次のとおりです: < !DOCTYPE HTML> ;

読み込み中...

/html>


ポーリングは img の完全な属性を継続的に監視します。これが true の場合、画像がロードされたことを示し、ポーリングを停止します。この属性はすべてのブラウザでサポートされています。