前言
一般一个内容多的网站相对会有比较多的图片文件，但是同时加载这些图片文件或加载失败时会出现空白占位，影响美观，通过脚本控制，可以实现加载需求内容图片时，加载未完成或失败的时候显示一张本地默认图片，加载完成显示内容本身自己的图片，也就是暂无图片默认图的设置。
完整代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
function imgerrorfun(){
var img=event.srcElement;
img.src="https://www.sxyye.com/wp-content/uploads/2020/04/6fabfb80bd5ae80.jpg"; //默认图片
img.onerror=null;
}
</script>
<img src="https://www.sxyye.com/wp-content/uploads/2020/05/dc2d678bc449a7c.jpg" onerror="imgerrorfun();" />
</body>
</html>注意事项
代码编辑时请务必使用专业代码编辑器或者相关软件，并且一定要复制备份一份原文件。
请大家尊重版权，如非必要请不要去除版权等相关信息，另外积极支持正版软件，谢谢！
本文为站长亲测无误后发表，转载请注明出处！
至此关于html网页图片未加载完成或失败时显示默认图片的解决办法已全部完成，本文由博主边操作边写记录并亲测无误，如您在过程中遇到什么问题，请联系我QQ：726322022 微信：hb6958 （请注明来意）
评论前必须 ☞☞ 登录/注册 ！