编程 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写的数字拼图小游戏代码[学习参考]

Oct 29 Javascript

javascript与webservice的通信实现代码

Dec 25 Javascript

javascript中删除指定数组中指定的元素的代码

Feb 12 Javascript

javascript 弹出的窗口返回值给父窗口具体实现

Nov 23 Javascript

js获取url中指定参数值的示例代码

Dec 14 Javascript

jquery ajax传递中文参数乱码问题及解决方法说明

Feb 07 Javascript

关闭浏览器窗口弹出提示框并且可以控制其失效

Apr 15 Javascript

js实现对table的增加行和删除行的操作方法

Oct 13 Javascript

详解利用exif.js解决ios手机上传竖拍照片旋转90度问题

Nov 04 Javascript

jquery实现手机端单店铺购物车结算删除功能

Feb 22 Javascript

详解vue-cli与webpack结合如何处理静态资源

Sep 19 Javascript

使用JavaScript生成罗马字符的实例代码

Jun 08 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

ThinkPHP结合AjaxFileUploader实现无刷新文件上传的方法

2014/10/29 PHP

PHP生成条形图的方法

2014/12/10 PHP

PHP序列化/对象注入漏洞分析

2016/04/18 PHP

php微信开发之批量生成带参数的二维码

2016/06/26 PHP

CI框架实现框架前后端分离的方法详解

2016/12/30 PHP

thinkPHP5框架导出Excel文件简单操作示例

2018/08/03 PHP

为你的 Laravel 验证器加上多验证场景的实现

2020/04/07 PHP

JavaScript的面向对象(一)

2006/11/09 Javascript

简单的无缝滚动程序-仅几行代码

2007/05/08 Javascript

jQuery下的几个你可能没用过的功能

2010/08/29 Javascript

jquery获取元素值的方法(常见的表单元素)

2013/11/15 Javascript

解析URI与URL之间的区别与联系

2013/11/22 Javascript

js动态修改表格行colspan列跨度的方法

2015/03/30 Javascript

JavaScript实现ASC转汉字及汉字转ASC的方法

2016/01/23 Javascript

快速掌握Node.js中setTimeout和setInterval的使用方法

2016/03/21 Javascript

微信小程序开发之圆形菜单仿建行圆形菜单实例

2016/12/12 Javascript

详解angularjs 关于ui-router分层使用

2017/06/12 Javascript

vue封装第三方插件并发布到npm的方法

2017/09/25 Javascript

基于vue2实现上拉加载功能

2017/11/28 Javascript

详解vue填坑之解决部分浏览器不支持pushState方法

2018/07/12 Javascript

Vue项目打包编译优化方案

2020/09/16 Javascript

[54:24]Optic vs TNC 2018国际邀请赛小组赛BO2 第二场

2018/08/18 DOTA

python检测是文件还是目录的方法

2015/07/03 Python

python批量添加zabbix Screens的两个脚本分享

2017/01/16 Python

Python 对输入的数字进行排序的方法

2018/06/23 Python

Python走楼梯问题解决方法示例

2018/07/25 Python

python的faker库用法

2019/11/28 Python

如何使用pandas读取txt文件中指定的列(有无标题)

2020/03/05 Python

纯CSS3大转盘抽奖示例代码（响应式、可配置）

2017/01/13 HTML / CSS

中药专业大学生医药工作求职信

2013/10/25 职场文书

岗位职责怎么写

2014/03/14 职场文书

美丽乡村建设实施方案

2014/03/23 职场文书

学生安全承诺书

2014/05/22 职场文书

党政领导班子群众路线对照检查材料思想汇报

2014/09/27 职场文书

升职自荐信怎么写

2015/03/05 职场文书

六年级语文教学反思

2016/03/03 职场文书