<img>的onerror属性

<!doctype html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<img src="demo.png" onerror="javascript:this.src='default.png'" alt="">
<!-- 当demo.png不存在时就会显示default.png -->
<!-- 重要提醒①:就算demo.png图片存在,在网络环境非常差的情况下也可能触发onerror事件。 -->
<!-- 重要提醒②:必须确保default.png图片存在,否则会出现onerror死循环。 -->
</body>
</html>

Copyright © 2024 码农人生. All Rights Reserved