imageObject.completeは、画像の読み込みが完了したかどうかを返すプロパティ。
構文
取得
var $complete = $imageElementReference.complete;
戻り値
- 完了していれば、
trueを返す。 - 完了していなければ、
falseを返す。
サンプル
画像の読み込みが完了したかどうか：
サンプルの動作について
「読み込み完了？」ボタンをクリックすると、「画像の読み込みが完了したかどうか：」の右横に「true」と表示する。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function getComplete() {
var $elementReference = document.getElementById( "sample" );
var $complete = $elementReference.complete;
document.getElementById( "sampleOutput" ).innerHTML = $complete;
}
</script>
function getComplete() {
var $elementReference = document.getElementById( "sample" );
var $complete = $elementReference.complete;
document.getElementById( "sampleOutput" ).innerHTML = $complete;
}
</script>
HTML
<p>
<button onclick="getComplete();">読み込み完了？</button>
</p>
<p>画像の読み込みが完了したかどうか：<span id="sampleOutput"></span></p>
<image src="http://alphasis.info/library/javascript/jquery/plugin/cycle/sample/1.jpg" alt="サンプル画像" id="sample" />
<button onclick="getComplete();">読み込み完了？</button>
</p>
<p>画像の読み込みが完了したかどうか：<span id="sampleOutput"></span></p>
<image src="http://alphasis.info/library/javascript/jquery/plugin/cycle/sample/1.jpg" alt="サンプル画像" id="sample" />