// 创建一个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属性为默认图片的地址 };
html+css+js图片加载失败设置默认图片
2023-09-01
87
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
html+css+js图片加载失败设置默认图片
目录
相关文章
|
3天前
|
前端开发
|
11天前
|
前端开发
UED
开发者
【专栏：HTML与CSS实战项目篇】制作一个响应式图片画廊
【4月更文挑战第30天】本文介绍了如何使用HTML和CSS创建响应式图片画廊。响应式画廊能根据用户设备屏幕大小自动调整布局。首先规划结构，包含一个图片容器和每张图片元素，并为图片提供替代文本。接着设计样式，设置图片大小、间距和视觉效果。然后通过媒体查询实现响应式设计，根据不同屏幕尺寸调整图片排列。同时考虑性能优化，如压缩图片和使用懒加载技术。最后，测试和调试确保画廊在各种设备上正常工作。这个过程强调了响应式设计和用户体验的重要性。
21
4
4
|
12天前
|
JavaScript
前端开发
|
12天前
|
前端开发
JavaScript
|
16天前
|
JavaScript
前端开发
BI
|
16天前
在线拼接图片工具HTML源码
在线将多张图片拼接成一张图片，多图合一并导出下载。
无需本地安装软件。 下载时，使用日期时间作为文件名，
规避图片文件名相同造成的覆盖问题；也能省去一部覆盖确认操作 多语言支持
14
0
0
|
18天前
|
前端开发
JavaScript
|
18天前
|
前端开发
JavaScript
|
Web App开发
JavaScript
前端开发
高性能JavaScript之加载和执行
JS在浏览器中的性能，可以认为是开发者所面临的最重要的可行性问题。这个问题因JS的阻塞特性变得复杂，也就是说当浏览器在执行JS代码时，不能同时做其他任何事情。事实上，大多数浏览器都使用单一进程来处理UI（用户界面）更新和JavaScript脚本执行，所以同一时刻只能做其中一件事情。
1173
0
0
|
JavaScript
前端开发
Go
高性能JavaScript--加载和执行(简要学习笔记一)
1572
0
0
热门文章
最新文章
1
HTML深度解析：更改文本颜色
2
基于SpringBoot+HTML实现登录注册功能模块
3
uni-app使用v-html输出富文本图片溢出解决
4
《HTML 简易速速上手小册》第4章：HTML 的表单与输入（2024 最新版）
5
黑色个人主页HTML源码
6
《HTML 简易速速上手小册》第5章：HTML 高级布局技巧（2024 最新版）
7
《HTML 简易速速上手小册》第8章：HTML 表单高级技术（2024 最新版）
8
如何使用HTML5的语义化标签来提高网站的可访问性？
9
html的常用标签
10
解决ERROR in Conflict: Multiple assets emit different content to the same filename index.html 的问题
1
监控内网电脑软件设计与实现：基于Node.js的服务器端架构分析
141
2
Java Script 中的垃圾回收机制有哪些缺点
17
3
描述 JavaScript 中的垃圾回收机制。
21
4
如何使用 JavaScript 操作 DOM？
19
5
解释 JavaScript 中的`map()`、`filter()`和`reduce()`方法的用途。
22
6
JavaScript 中的数组方法有哪些？
11
7
JS设置日期为0时0分0秒
36
8
JavaScript随手笔记 --- 对数据进行判断最大位数是否超过八位
27
9
JavaScript随手笔记 --- 用正则表达式匹配字符串是否为运算公式
22
10
深入理解JavaScript中的闭包与作用域链
10