img图片丢失后默认图

发表于2022-01-08|更新于2026-02-24

|浏览量:

万物并育而不相害，道并行而不相悖。一一《礼记》

我们在使用img标签时经常会遇到图片丢失等情况，我们可以给图片设置一个默认图

写法如下：

1	<img src onerror="this.src='/img/oss/2020-06-01/head.jpg'" />

这时候我们并没有给src属性赋值，导致触发onerror事件，执行了其中的js

当然如果我们是正常的图片，是无影响的

相关推荐

懒惰象生锈一样，比操劳更能消耗身体；经常用的钥匙，总是亮闪闪的。——富兰克林分享一个CSS框架，内置了很多css样式： https://www.tailwindcss.cn/ 使用方式： https://www.tailwindcss.cn/docs/installation 注意其不支持IE浏览器仓库地址：https://github.com/tailwindlabs/tailwindcss 甚至你可以直接在Playground中进行尝试： https://play.tailwindcss.com/

死非生的对立面，而作为生的一部分永存。——《挪威的森林》 ✨😂 2000 多种方法为您的产品增添设计风格、用户满意度和奇思妙想。 https://github.com/swyxio/spark-joy/ 为您的产品添加设计风格、用户满意度和奇思妙想的简单方法！ Spark Joy 理念在我的书中有更详细的解释（https://learninpublic.org/），如果您想探索这种方法如何应用于设计实用程序之外的其他领域，请查看它。目录 [4 分钟网页设计](#4 分钟网页设计) CSS/UI 模板严肃的 CSS 框架插入 CSS 框架有趣的 CSS 框架无框架 CSS 重置 CSS A11y 跳棋 Tailwind 组件库 React 组件库布局堆叠和高程二维间距响应式布局断点布局出血其他布局工具和技巧版式字体行高线宽字距调整和字符间距字体大小版式讲座其他版式资源颜色调色板生成器颜色渐变色彩理论数据可视化的色彩理论背景背景渐变和图案背景插图背景 SVG 纹理杂项...

但我拒绝！我岸边露伴最喜欢的事情之一，就是向那些自以为是的家伙说，NO！但我拒绝！我岸边露伴最喜欢的事情之一，就是向那些自以为是的家伙说，NO！——岸边露伴讲讲常用的el-date-picker属性例如我们禁用今天前的日期，以及不让选择当前时间之前的时间点 12345678910<el-date-picker v-model="date" type="datetime" @change="disableTime" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择日期时间" :picker-options="{disabledDate:(v)=>v.getTime() < new Date().getTime() - 86400000}" ...

mdn学习web游戏开发

坚持自己的本分，保持沉默，这是对中伤最好的回答。——华盛顿链接如下： Web 游戏开发简介 - 游戏开发 | MDN 你可以按照教程完成完整的小游戏开发例如使用纯 JavaScript 的 2D 闯关游戏 2D breakout game using pure JavaScript - 游戏开发 | MDN 使用 Phaser 开发 2D breakout game 使用 Phaser 开发 2D breakout game - 游戏开发 | MDN 具有设备方向的 2D 迷宫游戏 2D maze game with device orientation - Game development | MDN 以及使用 Phaser 的 2D 平台游戏 HTML5 Games Workshop - Start here

人们宁愿去关心一个蹩脚电影演员的吃喝拉撒和鸡毛蒜皮，而不愿了解一个普通人波涛汹涌的内心世界。——路遥《平凡的世界》 x402：为互联网打造的下一代支付协议——Coinbase 的开放支付协议全解析在加密货币和 Web3 世界不断进化的今天，支付系统依然是“链上应用到现实世界”最核心的基础设施之一。Coinbase 推出的 x402 项目，正试图用开放协议的思路，重新定义互联网支付的连接方式。本文将带你深入了解 x402 的项目定位、技术亮点、典型用法和未来前景。一、项目概览项目地址：coinbase/x402 官网：https://x402.org 一句话描述：A payments protocol for the internet. Built on HTTP. 主语言：TypeScript 开源协议：Apache 2.0 Star：1825+，Fork：286+，Issue：104+，社区活跃二、x402 要解决什么问题？x402 的目标是：让任何 Web 服务都能像集成 HTTP 一样，快速、安全地集成加密支付/微支付能力。开放协议：...

vue封装axios请求工具类

以勇气面对人生的巨大悲恸，用耐心对待生活的小小哀伤。——雨果首先安装 12345678# axioscnpm i --save axios# 格式化参数插件cnpm i -- save qs# 对象合并插件cnpm i -- save lodash# cookie操作cnpm i -- save vue-cookie 然后我们自己封装一个请求组件首先创建文件然后放入我们的代码。。。 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132import ...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中