编程 Javascript

HTML IMG标签 onload 内存溢出导致浏览器CPU占用过高

Posted in Javascript onMarch 09, 2021

案例

<!--
loading.gif 初始显示的等待小图片
realPath.jpg 真实需要显示的大图
-->
<img src="loading.gif" onload="this.src='realPath.jpg'">

以上写法会出现内存溢出，导致浏览器的CPU占用过高，以至于各种CSS的效果出现卡顿

解决方案

<img src="loading.gif" onload="this.src='realPath.jpg'; this.onload=null;">

CHROME使用 Shift + Esc 查看标签进程的CPU及内存占用，完美解决了。

HTML IMG标签 onload 内存溢出导致浏览器CPU占用过高

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JS 拼图游戏面向对象，注释完整。

Jun 18 Javascript

JavaScript 高级篇之DOM文档,简单封装及调用、动态添加、删除样式（六）

Apr 07 Javascript

javascript自动给文本url地址增加链接的方法分享

Jan 20 Javascript

jquery form 加载数据示例

Apr 21 Javascript

js实现用户注册协议倒计时的方法

Jan 21 Javascript

js实现图片无缝滚动特效

Mar 19 Javascript

javascript每日必学之继承

Feb 23 Javascript

Javascript实现倒计时（防页面刷新）实例

Dec 13 Javascript

浅谈Angular2 ng-content 指令在组件中嵌入内容

Aug 18 Javascript

详解vue mint-ui源码解析之loadmore组件

Oct 11 Javascript

小程序的上传文件接口的注意要点解析

Sep 17 Javascript

微信小程序防止多次点击跳转（函数节流）

Sep 19 Javascript

你可能不再需要JQUERY

Mar 09 #Javascript

JS中剪贴板兼容性、判断复制成功或失败

Mar 09 #Javascript

JS 容错处理代码, 屏蔽错误信息

Mar 09 #Javascript

JAVASCRIPT 对象的创建与使用

Mar 09 #Javascript

JS JavaScript获取Url参数，src属性参数

Mar 09 #Javascript

JS 统计时间

Mar 09 #Javascript

JavaScript延迟加载

Mar 09 #Javascript

You might like

php中使用Akismet防止垃圾评论的代码

2011/06/10 PHP

php中session使用示例

2014/03/29 PHP

PHP关于htmlspecialchars、strip_tags、addslashes的解释

2014/07/04 PHP

PHP 开发者该知道的 5 个 Composer 小技巧

2016/02/03 PHP

PHP设计模式之工厂模式与单例模式

2016/09/28 PHP

详解PHP使用Redis存储session时的一个Warning定位

2017/07/05 PHP

thinkPHP5.1框架使用SemanticUI实现分页功能示例

2019/08/03 PHP

用javascript自动显示最后更新时间

2007/03/15 Javascript

jquery渐隐渐显的图片幻灯闪烁切换实现方法

2015/02/26 Javascript

jQuery实现两款有动画功能的导航菜单代码

2015/09/16 Javascript

JavaScript位移运算符(无符号) >>> 三个大于号的使用方法详解

2016/03/31 Javascript

浅谈window.onbeforeunload() 事件调用ajax

2016/06/29 Javascript

vue实现同一个页面可以有多个router-view的方法

2018/09/20 Javascript

浅析Vue.js 中的条件渲染指令

2018/11/19 Javascript

Nodejs异步流程框架async的方法

2019/06/07 NodeJs

json_decode 索引为数字时自动排序问题解决方法

2020/03/28 Javascript

Swiper实现导航栏滚动效果

2020/10/16 Javascript

[01:21:58]守擂赛DOTA2第一周决赛

2020/04/22 DOTA

python中cPickle用法例子分享

2014/01/03 Python

Python基于opencv的图像压缩算法实例分析

2018/05/03 Python

浅谈Python中的模块

2020/06/10 Python

关于tensorflow softmax函数用法解析

2020/06/30 Python

使用CSS3制作一个简单的进度条(demo)

2017/05/23 HTML / CSS

英国最大的海报商店：GB Posters

2018/03/20 全球购物

俄罗斯购买剧院和演唱会门票网站：Parter.ru

2019/11/09 全球购物

Vans(范斯)新西兰官方网站：美国原创极限运动品牌

2020/09/19 全球购物

华三通信H3C面试题

2015/05/15 面试题

政府门卫岗位职责

2014/04/29 职场文书

主持人演讲稿

2014/05/13 职场文书

作风建设年活动总结

2014/08/27 职场文书

营销总监岗位职责

2014/09/16 职场文书

领导班子奢靡之风查摆问题及整改措施

2014/09/27 职场文书

装饰施工员岗位职责

2015/04/11 职场文书

2015年销售内勤工作总结

2015/04/27 职场文书

2015年基层党建工作总结

2015/05/14 职场文书

60条职场经典语录，总有一条能触动你的心

2019/08/21 职场文书