Image complete 属性

HTML DOM Image オブジェクト

定義と使用法

complete この属性はブラウザが画像を読み込んだかどうかを返します。

画像が完全に読み込まれた場合、 complete この属性がtrueを返す場合、falseを返します。

インスタンス

例 1

画像が完全に読み込まれたか確認します：

var x = document.getElementById("myImg").complete;

実際に試してみる

例 2

bodyのonloadイベントで画像が完全に読み込まれたか確認します：

<script>
function myFunction() {
  alert("画像が読み込まれました: " + document.getElementById("myImg").complete);
}
</script>
<body onload="myFunction()">

実際に試してみる

構文

imageObject.complete

技術的詳細

返り値： ブール値、ブラウザが画像を読み込んだかどうかを示します。読み込みが完了した場合は true、そうでない場合は false を返します。

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート

HTML DOM Image オブジェクト