html+css+js图片加载失败设置默认图片

简介: html+css+js图片加载失败设置默认图片
+关注继续查看

// 创建一个Image对象
var img = new Image();
 
// 设置图片的src属性为图片的URL
img.src = 'your-image-url.jpg';
 
// 当图片加载完成时触发onload事件
img.onload = function() {
  console.log('图片加载成功');
};
 
// 如果图片加载失败,会触发onerror事件
img.onerror = function() {
  console.log('图片加载失败');
  在此处给图片重新赋值src属性为默认图片的地址
};

相关文章
|
2天前
|
存储 缓存 前端开发
【前端实习生备战秋招】—HTML 和 CSS面试题总结(三)
【前端实习生备战秋招】—HTML 和 CSS面试题总结(三)
|
2天前
|
数据采集 前端开发 JavaScript
【前端实习生备战秋招】—HTML 和 CSS面试题总结(二)
【前端实习生备战秋招】—HTML 和 CSS面试题总结(二)
|
2天前
|
存储 缓存 前端开发
【前端实习生备战秋招】—HTML 和 CSS面试题总结(一)
【前端实习生备战秋招】—HTML 和 CSS面试题总结(一)
|
4天前
|
存储 前端开发 JavaScript
基于前端技术原生HTML、JS、CSS 电子病历编辑器源码
基于前端技术原生HTML、JS、CSS 电子病历编辑器源码
17 0
|
5天前
|
存储 JavaScript 索引
基于 HTML+CSS+JS 的石头剪刀布游戏
基于 HTML+CSS+JS 的石头剪刀布游戏
37 0
|
5天前
|
前端开发 JavaScript API
❤️使用 HTML 和 CSS 的玻璃态登录表单(含免费完整源码)❤️
❤️使用 HTML 和 CSS 的玻璃态登录表单(含免费完整源码)❤️
31 0
|
5天前
|
Web App开发 存储 前端开发
❤️使用 HTML、CSS 和 JS 创建在线音乐播放器(含免费完整源码)❤️
❤️使用 HTML、CSS 和 JS 创建在线音乐播放器(含免费完整源码)❤️
21 0
|
5天前
|
前端开发 JavaScript
❤️使用 HTML、CSS 和 JS 创建响应式可过滤的游戏+工具展示页面 ❤️
❤️使用 HTML、CSS 和 JS 创建响应式可过滤的游戏+工具展示页面 ❤️
30 0
❤️使用 HTML、CSS 和 JS 创建响应式可过滤的游戏+工具展示页面 ❤️
|
5天前
|
存储 JavaScript 前端开发
使用 HTML、CSS、JS 和 API 制作一个很棒的天气 Web 应用程序
使用 HTML、CSS、JS 和 API 制作一个很棒的天气 Web 应用程序
30 0
|
5天前
|
存储 前端开发 JavaScript
🏆使用 HTML、CSS 和 JavaScript 的酷黑主题模拟时钟
🏆使用 HTML、CSS 和 JavaScript 的酷黑主题模拟时钟
36 0
热门文章
最新文章
推荐文章
更多