[JavaScript]判断图片是否加载完毕

最新推荐文章于 2023-09-16 22:06:51 发布

原创最新推荐文章于 2023-09-16 22:06:51 发布 · 667 阅读

0 ·

CC 4.0 BY-SA版权

javascript 同时被 2 个专栏收录

112 篇文章

订阅专栏

前端面试题

67 篇文章

订阅专栏

本文介绍了如何使用JavaScript来判断一张图片是否已经完全加载。通过监听`onload`和`onerror`事件，可以准确捕获图片加载成功或失败的状态，确保在图片加载完毕后执行相应的操作。

<body>
<img src="https://www.baidu.com/img/flexible/logo/pc/result.png" id="img">
    <script>
        //判断图片加载完毕
        var img=document.getElementById("img");
        var timer=setInterval(function(){
                if(img.complete){
                    clearInterval(timer);
                    alert("加载完毕了")
                }
        },10)
    </script>
</body>