JS~对img标签进行优化,使用onerror进行默认图像显示

简介:
+关注继续查看

对于网站图像的不显示有很多原因,网络问题,文件本身问题,文件URL问题等,而当图像加载失败时会触发onerror这个事件,我们利用这点,可以有效的避免图像加载失败的尴尬!

JS代码

  //图像加载出错时的处理
    function errorImg(img) {
        img.src = "http://static.xuexiba.com/uploadfile//UserInfo/Avatar/201403/1303992393385832875324.jpg";
        img.onerror = null;
    }

HTML代码

  <img width="32" height="32" src="1.jpg" onerror="errorImg(this)" />

页面效果

本文转自博客园张占岭(仓储大叔)的博客,原文链接:JS~对img标签进行优化,使用onerror进行默认图像显示,如需转载请自行联系原博主。

目录
相关文章
|
3天前
|
存储 JavaScript 前端开发
从 V8 优化看高效 JavaScript
从 V8 优化看高效 JavaScript
11 0
|
16天前
|
JavaScript 前端开发
JavaScript 优化判断条件
JavaScript 优化判断条件
|
1月前
|
JavaScript
js如何实时获取img路径
js如何实时获取img路径
|
1月前
|
存储 JavaScript 前端开发
JavaScript内存管理与优化:避免内存泄漏的垃圾收集机制
JavaScript作为一种动态语言,在执行过程中使用内存来存储数据和变量。然而,疏忽或错误可能导致内存泄漏,进而造成物理内存溢出。为了解决这个问题,JavaScript具备了垃圾收集机制,通过管理和释放不再使用的内存来避免内存泄漏。本文将深入探讨JavaScript内存管理与优化的重要性,垃圾收集机制的工作原理,以及优化内存分配的实践方法。
326 2
JavaScript内存管理与优化:避免内存泄漏的垃圾收集机制
|
2月前
|
存储 缓存 JavaScript
如何优化 JavaScript 性能:减少重绘与回流
优化 JavaScript 性能是前端开发中非常重要的课题。在本篇博客文章中,我将重点介绍如何减少重绘(Repaint)与回流(Reflow),以提高 JavaScript 在浏览器中的执行效率。我们将深入探讨导致重绘和回流的原因,并提供一些优化技巧和代码示例来改进性能。
|
2月前
|
数据可视化 JavaScript 前端开发
《现代Javascript高级教程》优化动画和渲染的利器
requestAnimationFrame:优化动画和渲染的利器 引言 在Web开发中,实现平滑且高性能的动画和渲染是一个关键的需求。而requestAnimationFrame是浏览器提供的一个用于优化动画和渲染的API。它可以协调浏览器的刷新率,帮助开发者实现流畅的动画效果,并提供更高效的渲染方式。本文将详细介绍requestAnimationFrame的属性、应用场景以及使用示例,帮助读者深入理解和应用这一强大的工具。
29 0
|
2月前
|
前端开发 JavaScript Serverless
前端工程化的前端性能的性能优化方案的渲染层面优化之CSS/JS优化
渲染是一种非常重要的前端性能优化方案,因为它可以在不同的环境中提高网页的响应速度和可接受性。
33 2
|
3月前
|
设计模式 JavaScript
【JS代码优化一】分支优化篇
【JS代码优化一】分支优化篇
34 0
|
3月前
|
存储 Web App开发 监控
Js中的垃圾回收及V8引擎的优化
Js中的垃圾回收及V8引擎的优化
125 0
|
4月前
|
存储 JavaScript 前端开发
(小说版)【简历优化平台-4】js魔改文件上传,django轻松接收
(小说版)【简历优化平台-4】js魔改文件上传,django轻松接收
相关产品
云迁移中心
推荐文章
更多