complete

画像の読み込み状態の値

2009.01.09

構文

　 document.オブジェクト名.complete　
　 document.images[インデクス].complete

インデクス

添番

説明

画像の読み込み状態を値に持つプロパティ。もし読み込みが終わっていれば「true」を，終っていなければ「false」の値となる。
画像は「img」内で設定した「name」属性を「name」プロパティを使って参照する以外にも配列でも参照できる。
複数の画像が存在する場合，配列のインデックスの値がHTMLファイルの記述の上から「0」，「1」，「2」...，となっていく
読み出し専用。

用例

HTMLファイルを読み込んだ時，画像の読み込み状態の値を取得し書き出す。HTMLファイルを読み込んだ後ボタンフォームをクリックすると，画像の読み込み状態の値の値をアラート・ダイアログ・ボックスに表示する。

<p>

<img src="image2.jpg" name="IMG" alt="image.jpg" width="95" height=
"90"
 lowsrc="image1.jpg" border="4" hspace="6" vspace="10">
</p>
<p>
<script type="text/javascript">
<!--
document.write("読み込み状態(オブジェクト名)：");
document.write(document.IMG.complete);
document.write("<br>");
document.write("画像の読み込み状態(配列)：");
document.write(document.images[0].complete);
//-->
</script>
</p>
<p>
<form>
    <input type="button" value="読み込み状態(オブジェクト名)" 
onClick=alert(document.IMG.complete)>
    <input type="button" value="画像の読み込み状態(配列)" 
onClick=alert(document.images[0].complete)>
</form>
</p>

この用例を実行する