HTML标签IMG图片不存在时显示默认图片

有时遇到这样一种情况，在网页上调用一个图片，就像杰奇小说的封面，有时候封面没有采集到，又没有在程序里判断封面是否存在，这时候HTML标签<img src="图片路径" />，大多数浏览器就会显示一个X，各浏览器不同显示也不同，不管显示什么都不美观，影响用户体验。

可以在图片标签里加一个属性，能让图片找不到的时候显示自行设置好的图片，最后代码变成下面这样：

<img src="图片路径"  onerror="this.src='default.jpg'" />

  这样就能把在“图片路径”里找不到的图片用default.jpg代替了。

上面的方法是用JS显示默认的图片，如果真实图片不存在还是会返回404状态码。

本文地址：https://www.17mb.com/jianzhan/htmlcss/43.html