用 实现一个图片加载成功输出success加载失败后输出 。  第
一步,需要定义一个img元素并设置它的src属性,然后添加load和error事件监听器,在事件处理函数中分别输出success和失败的信息。
代码如下:
<img id="myImage" src="https://example.com/image.jpg">
<script>
const img = document.getElementById('myImage');
img.addEventListener('load', () => {
console.log('success');
});
img.addEventListener('error', () => {
console.log('加载失败');
});
</script>
在上面的代码中,我们定义了一个id为myImage的img元素,并设置了它的src属性为一个图片的链接。然后我们通过document.getElementById获取到这个元素,并为它添加了两个事件监听器,一个是load事件,表示图片加载成功,另一个是error事件,表示图片加载失败。在事件处理函数中,我们分别输出了对应的信息。
原文地址: https://www.cveoy.top/t/topic/binn 著作权归作者所有。请勿转载和采集!