我们一般会给图片设置 alt 属性,当图片路径不存在时可以显示提示文字。
代码语言:javascript复制<img src="" alt="图片加载失败">
如图所示:
但是这样很不好看,如果用在文章列表,我们可以给 img 标签设置一个 onerror 属性,可以在 src 路径不存在时显示指定的默认图片。
测试一下,我没有给 src 设置图片链接,代码如下:
代码语言:javascript复制<img src="" onerror="this.src='img/error.png'"/>
显示效果如图:
很明显,我们可以看出,当 src 属性为 unknown 时,会自动替换为 onerror 设置的路径。
怎么样,是不是很实用呢?