img图片丢失后默认图

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

|浏览量:

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

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

写法如下：

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

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

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

相关推荐

Generator函数自动执行器

有的东西被遗忘，有的东西销声匿迹，有的东西死了，而其中几乎不含有悲剧性因素。——《寻羊冒险记》今天用typescript写了个Generator函数自动执行器： 1234567891011export function runGenAuto(fn: Function) { let gen: Generator<Function> = fn() function next() { let result = gen.next() if (result.done) { return result.value } return result.value(next) } return next();} 为了测试效果，我们定义一个Generator函数，这个函数用于将URLSearchParams转换成一般对象当然直接遍历不用generator也能实现上述需求，但这里主要是为了测上方的自动执行Generator...

仿钉钉官网滚动效果

恭维含有一种毒剂，使最坚强的人也不免昏昏陶醉。——大仲马今天在bilibili刷到个视频 https://www.bilibili.com/video/BV12z4y1s7nE/ 发现实现了钉钉官网效果 https://www.dingtalk.com/ 非常的炫酷，仓库源码： https://gitee.com/vary-space/hello-world/tree/12z4y1s7nE

置顶小标签

美色不同面，皆佳于目；悲音不共声，皆快于耳。——王充原理是通过一个红色div加红色背景颜色，旋转45后度再整个边框设置超出部分隐藏效果如下：代码： 12345<div class="top-article-tag-parent"> <div class="top-article-tag"> 置顶 </div></div> 样式： 123456789101112131415161718.top-article-tag-parent { overflow: hidden; position: absolute; right: 46rpx; height: 80rpx; width: 100rpx; zoom: 0.8;}.top-article-tag { color: #fff; background-color: #ff0000; width: 150rpx; height: 40rpx; text-align: cente...

兴趣是最好的老师，其次是耻辱——胖子邓 ARIA16技术：使用aria-label增强Web可访问性在现代Web开发中，可访问性（Accessibility）是提升用户体验的关键因素之一。尤其对于视障用户来说，屏幕阅读器依赖准确的页面结构和标签描述来解释内容。ARIA16是一种有效的技术，使用aria-label属性为无可见文本的元素提供描述性标签，从而增强Web的可访问性。什么是ARIA16？ARIA16是W3C推荐的一项技术，旨在通过aria-label属性为交互式元素提供可访问性支持。aria-label允许开发者为没有可见文本的元素定义可读的描述信息，供屏幕阅读器使用。使用场景图标按钮：为只有图标的按钮添加描述性标签。装饰性元素：为装饰性但可交互的元素提供语义化说明。复杂控件：为动态生成或没有内嵌文本的控件提供可读内容。如何使用ARIA16？实现ARIA16非常简单，只需在相关元素上添加aria-label属性并提供适当的描述文本。示例代码以下是一个使用aria-label的图标按钮示例： 123456<button aria-label=&q...

没有希望的地方，就没有奋斗。——约翰生 https://github.com/AR-js-org/AR.js AR.js 是用于 Web 上的增强现实的轻量级库，其中包括图像跟踪、基于位置的 AR 和标记跟踪等功能 AR.js Documentation

世界在音乐中得到了完整的再现和表达。它是各种艺术当中第一位的，帝王式的艺术，能够成为音乐那样，则是一切艺术的目的。——叔本华继续还是js中Array的方法这次说的方法是from：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/from 这个方法简单应用如下： 12345console.log(Array.from('foo'));// expected output: Array ["f", "o", "o"]console.log(Array.from([1, 2, 3], x => x + x));// expected output: Array [2, 4, 6] 我这里写个稍微复杂点的例子，随机生成文件名并排序 1[...new Set(Array.from(Array(200).fill('文件'),x=>x+String(...

阿超

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

数据加载中