Question

有简单的代码：

<!DOCTYPE html>
<html>
<head>
  <script>
    window.addEventListener( 'DOMContentLoaded', function(){
      document.getElementById( 'dog' ).src = 'https://www.petfinder.com/wp-content/uploads/2012/11/122163343-conditioning-dog-loud-noises-632x475.jpg';
      document.getElementById( 'dog' ).alt = 'Doggy';
    });
  </script>
</head>
<body>
  <div id="container">
    <img id="dog" src="" alt="">
  </div>
</body>
</html>

如何捕捉IMG元素下载？试图使用突变但没有成功

Answer 1

下载从.src =开始。

您可以订阅加载事件以检查完成时间。

img.onload = () => console.log('Done!');

您还可以检查布尔值complete

if (img.complete) { }

文档加载后更改DOM元素

1 个答案: