• 代码千万行,注释第一行。命名不规范,同事泪千行。

HTML=>IMG标签图片加载事件

前端 Secondar 8个月前 (03-22) 430次浏览 已收录 0个评论
<!DOCTYPE html>
<html>
<head>
  <title></title>
  <style type="text/css">
    img{
      width: 300px;
    }
  </style>
</head>
<body>
  <p id="p1">载入中...</p>
  <img id="img1" src="http://imgurl.imoecg.com/uploaded/20190320053122.jpg">
  <p id="p2">载入中...</p>
  <img id="img2" src="http://imgurl.imoecg.com/uploaded/20190320053121.jpg">
  <script type="text/javascript">
      img1.onload = function() {
        p1.innerHTML = '加载完成'
      }
      img1.onerror = function() {
        p1.innerHTML = '加载失败/错误'
      }
      img1.onabort = function() {
        p1.innerHTML = '加载被中断'
      }
      img2.onload = function() {
        p2.innerHTML = '加载完成'
      }
      img2.onerror = function() {
        p2.innerHTML = '加载失败/错误'
      }
      img2.onabort = function() {
        p2.innerHTML = '加载被中断'
      }
  </script>
</body>
</html>

 


一只大萝北 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:HTML=>IMG标签图片加载事件
喜欢 (0)
[]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址