// 创建一个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
156
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
html+css+js图片加载失败设置默认图片
目录
相关文章
|
1月前
|
前端开发
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
54
1
2
|
2月前
|
人工智能
程序员
UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
156
21
22
|
2月前
|
前端开发
JavaScript
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
74
14
15
|
2月前
|
2月前
|
2月前
|
移动开发
JavaScript
前端开发
【Html.js——图片折叠效果】折叠手风琴（蓝桥杯真题-1763）【合集】
本项目实现了一个图片折叠手风琴效果，使用jQuery完成。主要包括以下部分：
- **介绍**：任务是通过点击图片实现折叠和展开的效果。
- **准备**：内置初始代码，包含 `css/style.css`、`images/` 文件夹、`js/` 文件夹及 `index.html` 等文件。启动 Web Server 服务可运行项目。
- **目标**：完善 `index.js` 文件，使页面达到预期的折叠效果。
- **规定**：严格按步骤操作，保持默认文件结构不变，并在完成后保持 Web 服务正常访问状态。
- **通关代码**：使用 jQuery 实现点击事件，为选中元素添加 `act
52
19
19
|
2月前
|
前端开发
“弘五四,耀青春”程序创意获奖作品【html+css】
本作品以“青春筑梦，共创未来”为主题，采用动态龙元素展现青春活力与创新精神。页面设计简洁明快，色彩协调，突显年轻人积极向上的风貌。作品内容包括获奖截图、名字《时代扬新帆》及源代码分享。特别说明：禁止用于商业活动，可用于比赛和作业等开源场景。最后，作者表达了对五四精神的致敬与传承，强调了青春活力和创造力的重要性，并感谢评委和支持者。
**获奖感言摘录：**
“获得这个奖项，对我们团队来说，既是认可也是激励。我们将继续努力，不断优化产品，为用户带来更好的体验，为社会贡献更多价值。”
45
2
2
|
移动开发
JavaScript
前端开发
|
前端开发
测试技术
|
JavaScript
前端开发
Go
热门文章
最新文章
1
jQuery和CSS3超酷全屏视觉差幻灯片特效
2
HTML单页在线自适应拟态影院源码
3
随机二次元背景毛玻璃个人导航HTML源码
4
简约的域名主页HTML源码带暗黑模式
5
HTML5实现好看的劳动节网页源码
6
HTML5实现好看的中秋节网页源码
7
HTML单页自适应网址导航源码
8
HTML5最新经典俄罗斯方块游戏插件
9
简洁的个人地址发布页HTML源码
10
三句话生成 P5.js 粒子特效代码，人人都可以做交互式数字艺术
1
如何在阿里云的linux上搭建Node.js编程环境？
26
2
jqtimeline.js-简单又好用的jquery时间轴插件
24
3
纯js轻量级页面顶部Loading进度条插件
17
4
基于 Node.js 深度优先搜索算法的上网监管软件研究
24
5
前端开发必备！Node.js 18.x LTS保姆级安装教程（附国内镜像源配置）
84
6
金融数据分析：解析JavaScript渲染的隐藏表格
44
7
JavaScript中通过array.map(）实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等，array.map(）的使用详解（附实际应用代码）
53
8
通过array.some(）实现权限检查、表单验证、库存管理、内容审查和数据处理；js数组元素检查的方法，some（）的使用详解，array.some与array.every的区别（附实际应用代码）
24
9
通过array.every(）实现数据验证、权限检查和一致性检查；js数组元素检查的方法，every（）的使用详解，array.some与array.every的区别（附实际应用代码）
20
10
最细最有条理解析：事件循环（消息循环）是什么？为什么JS需要异步
20