2024年07月18日 建站教程
如何利用原生js判断页面中是否存在某张图片,下面web建站小编给大家简单介绍一下具体实现代码!
代码如下:
// 获取所有要判断的图片节点
const images = document.querySelectorAll('.pic')
// 循环遍历每个图片节点
images.forEach(image => {
// 创建一个新的Image对象
const img = new Image()
// 加载完成,显示实际图片
img.onload = () => {
image.src = image.getAttribute('src-real')
}
// 加载失败,显示默认图片
img.onerror = () => {
image.src = 'images/default.jpg'
}
// 设置Image对象的src属性并加载图片
img.src = image.getAttribute('src-real')
})
本文链接:http://so.lmcjl.com/news/8715/