HTML DOM中的Image complete属性用于返回浏览器是否已完成图像加载。它返回一个布尔值。
用法:
imageObject.complete
返回值:它返回布尔值false,即浏览器完成图像加载后为true,否则返回false。
例:本示例返回Image complete属性。
<!DOCTYPE HTML>
<html>
<head>
<title>
HTML | DOM Image complete Property
</title>
</head>
<body>
<center>
<img src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190602171808/629-300x255.png"
id="image" alt="" width="250" height="205"
class="alignnone size-medium wp-image-1092360" />
<br>
<br>
<button type="button" onclick="getHeight()">
Click
</button>
<h4 id="text"></h4>
</center>
<script>
function getHeight() {
var imgObject = document.getElementById("image");
var output = document.getElementById("text");
output.innerHTML =
"The Image is loaded completely:" + imgObject.complete;
}
</script>
</body>
</html>
输出:
- 在单击按钮之前:
- 单击按钮后:
支持的浏览器:下面列出了HTML DOM Image complete属性支持的浏览器:
- 谷歌浏览器
- 实习探险家
- Firefox
- Opera
- Safari
相关用法
- HTML Image name用法及代码示例
- HTML Input Image value用法及代码示例
- HTML Input Image src用法及代码示例
- HTML Input Image alt用法及代码示例
- HTML image naturalWidth用法及代码示例
- HTML Input Image name用法及代码示例
- HTML image naturalHeight用法及代码示例
- HTML Input Image formTarget用法及代码示例
- HTML Input Image type用法及代码示例
- HTML input image height用法及代码示例
- HTML Input Image form用法及代码示例
- HTML Input image autofocus用法及代码示例
- HTML Input Image disabled用法及代码示例
- HTML Input Image formAction用法及代码示例
- HTML Input Image formEnctype用法及代码示例
注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM Image complete Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。