javascript判断图片是否加载完成方法整理

load事件

<script type="text/javascript">
    $('img').onload = function() {
        //code
    }
</script>

优点：简单易用，不影响HTML代码。
缺点：只能指定一个元素，javascipt代码必须置于图片元素的下方

jquery方法

<script type="text/javascript">
$(function(){
    $('.pic1').each(function() {
        $(this).load(function(){
            $(this).fadeIn();
        });
    });
})
</script>

注意，不要在$(document).ready()里绑定load事件。

优点：可以批量绑定元素事件，并且不影响HTML代码内容
缺点：需要jquery库的支持，代码需要放置到需要操作元素的下方。

转载于:https://www.cnblogs.com/xjuan/p/5488573.html