js如何判断<img>图片是否加载完毕

图片的应用大家自然就不用说了，如果一个网站没有图片，实在想象不出这样的网站是什么样子。

我们经常需要当图片完全加载完毕再去执行相应的操作。

所以就需要判断图片是否已经加载完毕，下面就介绍一下如何实现此功能，需要的朋友可以做一下参考。

使用onload事件:

使用此事件可以判断<img>图片是否加载完成。

看如下代码实例:

<img id="antzone" src="softwhy.jpg" />
<script type="text/javascript">
document.getElementById("antzone").onload=function(){
  alert("图片加载已完成");
}

上面的代码实现了判断功能，但是有一个不算缺点的缺点（其实推荐如此使用），js代码只能够放在<img>标签的后面。

当然onload事件可以写在标签之内，代码如下:

function get(ts){
  ts.style.display = 'block';//显示图片
}
</script>
<img class="antzone" onload="get(this)"  src="softwhy.jpg" style='display:none'/>