img图片丢失后默认图

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

|浏览量:

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

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

写法如下：

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

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

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

相关推荐

或许美化灵魂有不少途径，但我想，阅读是其中易走的，不昂贵的，不须求助他人的捷径。——严歌苓《读书与美丽》 https://github.com/wanglin2/mind-map 思绪 Simple mind map 深度解析：一个简单 & 强大的 Web 思维导图库与跨平台应用生态仓库地址：wanglin2/mind-map开发文档：https://wanglin2.github.io/mind-map-docs/在线使用（网页版思维导图）：https://wanglin2.github.io/mind-map/中文名：思绪思维导图（Simple mind map） 1. 项目定位Simple mind map 是一个不依赖任何前端框架的 JS 思维导图库，同时作者基于该库又构建了一个可直接在线使用的 Web 思维导图应用（基于 Vue2 + ElementUI）。它的目标不是“花哨”，而是专注于：核心逻辑简洁扩展机制清晰（插件化）高度可配置与自定义支持多结构、多格式、多媒体内容节点可以既做“库”又做“产品”，利于二次...

vue3组合式api

自由自由，多少罪恶假汝之名以行。——罗兰夫人这个思想上有点类似流程控制框架，将一个组件中的多个关注点分离、抽取，然后能进一步复用、编排官方文档：https://v3.cn.vuejs.org/guide/composition-api-introduction.html#%E4%BB%8B%E7%BB%8D 使用上来讲，就是编写的api方式变了，举个例子：下面是我实际写的一个小组件 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657<script lang="tsx">interface Props { msg: string; msgModifiers: { [key: string]: boolean; };}import { computed, onMounted, ref, Ref, toRefs, watch,...

使用layui快速渲染表格

耳闻之不如目见之，目见之不如足践之。一一刘向《说苑》我们首先准备一个接口，格式如下 12345678910111213141516# 请求方法为POST，参数格式为:application/json{"pageNum":1,"pageSize":10}# 响应格式如下{ "msg": "查询成功！", "code": 200, "data": { "records": [], "total": 0, "size": 10, "current": 1, "searchCount": true, "pages": 1 }, "success": true...

ant design blazor

帮人要帮心，帮心要知心，知心要诚心。——伊索分享一个ant design出品的Blazor库 https://antblazor.com/zh-CN/ GitHub - ant-design-blazor/ant-design-blazor: 🌈A set of enterprise-class UI components based on Ant Design and Blazor WebAssembly. Blazor是用于.net构建web应用的框架 https://github.com/dotnet/blazor GitHub - dotnet/aspnetcore: ASP.NET Core is a cross-platform .NET framework for building modern cloud-based web applications on Windows, Mac, or Linux.

今天公司实习生问我jQuery的ajax怎么写，这玩意不是很简单吗 12345678910111213$.ajax({ url: "/cowBeer", //url method: "post", //请求方式 contentType: "application/json", //参数类型 data: JSON.stringify({ //这里面是参数 "name":"cowBeer" }), success: function (res) { console.log(res); //处理返回的数据 }, error: function (res) { //错误处...

如何写一个 react 组件

天下之事不难于立法，而难于法之必行。一一明·张居正 https://github.com/react-component/react-component.github.io/blob/master/docs/zh-cn/how-to-write-a-react-component.md 如何写一个 react 组件 author: yiminghe@gmail.com 建立组件 git 库 https://github.com/react-component 搭建脚手架使用 https://github.com/react-component/generator-rc 搭建脚手架目录结构12345678910- .travis.yml- examples - index.js - index.html- src - Component.jsx- index.js- tests - index.spec.js- package.json 源码在 src 目录中写 es2015 js，在 assets 目录下写 less，在 tests 目录下写测试用例，代码...

阿超

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

数据加载中