编程 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 相关文章推荐

jQuery 连续列表实现代码

Dec 21 Javascript

jquery isType() 类型判断代码

Feb 14 Javascript

使用js在页面中绘制表格核心代码

Sep 16 Javascript

处理文本部分内容的TextRange对象应用实例

Jul 29 Javascript

Javascript数组操作函数总结

Feb 05 Javascript

JavaScript随机生成信用卡卡号的方法

Apr 07 Javascript

在for循环中length值是否需要缓存

Jul 27 Javascript

JS模拟实现Select效果代码

Sep 24 Javascript

jQuery+formdata实现上传进度特效遇到的问题

Feb 24 Javascript

Jquery ui datepicker设置日期范围，如只能隔3天【实现代码】

May 04 Javascript

jQuery配合coin-slider插件制作幻灯片效果的流程解析

May 13 Javascript

微信小程序上线发布流程图文详解

May 06 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实现var_export的详细介绍

2013/06/20 PHP

使用php验证复选框有效性的示例

2013/11/13 PHP

php文件操作之小型留言本实例

2015/06/20 PHP

php 查找数组元素提高效率的方法详解

2017/05/05 PHP

php+redis实现商城秒杀功能

2020/11/19 PHP

Laravel5.5 视图 - 创建视图和数据传递示例

2019/10/21 PHP

Thinkphp 框架扩展之Widget扩展实现方法分析

2020/04/23 PHP

Extjs 3.3切换tab隐藏相应工具栏出现空白解决

2013/04/02 Javascript

使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框

2013/06/24 Javascript

JS正则表达式大全(整理详细且实用)

2013/11/14 Javascript

jquery选择符快速提取web表单数据示例

2014/03/27 Javascript

如何判断Javascript对象是否存在的简单实例

2016/05/18 Javascript

JavaScript判断数字是否为质数的方法汇总

2016/06/02 Javascript

JavaScript实现前端分页控件

2017/04/19 Javascript

JavaScript基础心法数据类型

2018/03/05 Javascript

详解JavaScript的变量

2019/04/04 Javascript

Vue Echarts实现可视化世界地图代码实例

2019/05/07 Javascript

vue.js实现左边导航切换右边内容

2019/10/21 Javascript

[00:13]天涯墨客二技能展示

2018/08/25 DOTA

Python 分析Nginx访问日志并保存到MySQL数据库实例

2014/03/13 Python

python 以16进制打印输出的方法

2018/07/09 Python

对Python3.6 IDLE常用快捷键介绍

2018/07/16 Python

python爬虫之线程池和进程池功能与用法详解

2018/08/02 Python

利用python开发app实战的方法

2019/07/09 Python

Python中pyecharts安装及安装失败的解决方法

2020/02/18 Python

Python填充任意颜色,不同算法时间差异分析说明

2020/05/16 Python

索尼巴西商店：Sony巴西

2019/06/21 全球购物

C#面试题

2016/05/06 面试题

注塑工厂厂长岗位职责

2013/12/02 职场文书

售前工程师职业生涯规划

2014/03/02 职场文书

求职个人评价范文

2014/04/09 职场文书

施工安全责任书

2014/04/14 职场文书

小学班干部竞选演讲稿

2014/04/24 职场文书

党的群众路线教育实践活动个人对照检查材料范文

2014/09/25 职场文书

javascript函数式编程基础

2021/09/15 Javascript

IDEA 2022 Translation 未知错误翻译文档失败

2022/04/24 Java/Android