js判斷圖片是否載入完成
阿新 • • 發佈：2019-02-19
<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.onload=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>