js判断图片是否加载完成

最新推荐文章于 2023-03-21 10:54:25 发布

deeerforest

最新推荐文章于 2023-03-21 10:54:25 发布

阅读量638

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/deeerforest/article/details/52880703

版权

javascript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<span style="font-family:Microsoft YaHei;font-size:12px;"><!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div id="pic">onloading...</div>

	<!-- 第一种方法：onload事件 -->
	
	<script type="text/javascript">
	var obj=new Image();
	obj.src="images/4.jpg";
	obj.οnlοad=function(){
		document.getElementById("pic").innerHTML="<img src='"+this.src+"'/>";
		alert("图片加载完成");
	}
	</script>
    
    <!-- 第二种方法：onreadystatechange -->
    <!--
    <script type="text/javascript">
    var obj=new Image();
    obj.src="images/4.jpg";
    obj.onreadystatechange=function(){
    	if(this.readyState=="complete"){
    		document.getElementById("pic").innerHTML="<img src='"+this.src+"'/>";
		    alert("图片加载完成");
    	}
    }
    </script>
    -->
</body>
</html></span>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

deeerforest

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js判断图片是否加载完成

Document onloading... var obj=new Image(); obj.src="images/4.jpg"; obj.onload=function(){ document.getElementById("pic").innerHTML=""; alert("图片加载完成"); } <!--
复制链接

扫一扫