mybatis判断数据是否已经存在_【JS】判断图片是否已经加载完

最新推荐文章于 2024-08-19 15:55:00 发布

weixin_39753674

最新推荐文章于 2024-08-19 15:55:00 发布

阅读量597

点赞数

文章标签： mybatis判断数据是否已经存在

本文链接：https://blog.csdn.net/weixin_39753674/article/details/111654887

版权

通过监听图片的onload事件，可以判断图片是否已经加载完成，兼容所有的浏览器（w3c推荐方法），代码示例如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <img id="img" src="http://xxxxxx.jpg" alt="">
    <script>
    // 方法一：图片已经下载完
 document.getElementById('img').onload = function(e){
         e.stopPropagation();
     } </script>
</body>
</html>

方法二：判断img对象（DOM）的complete属性

complete 属性可返回浏览器是否已完成对图像的加载。

如果加载完成，则返回 true，否则返回 fasle。

代码示例如下：

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <img id="img" src="xxxxx.jpg" alt="">
    <script>

    // 方法二：img的complate属性

    var timer = setInterval(
        function(){ if (document.getElementById('img').complete){
            clearInterval(timer);
            console.log(document.getElementById('img').complete)
        }
    }, 10)
 </script>
</body>
</html>