编程 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 名称冲突的解决方法

Apr 08 Javascript

javascript事件函数中获得事件源的两种不错方法

Mar 17 Javascript

JS截取url中问号后面参数的值信息

Apr 29 Javascript

jQuery实现的选择商品飞入文本框动画效果完整实例

Aug 10 Javascript

微信开发 js实现tabs选项卡效果

Oct 28 Javascript

nginx+vue.js实现前后端分离的示例代码

Feb 12 Javascript

在 Vue 项目中引入 tinymce 富文本编辑器的完整代码

May 04 Javascript

浅谈Angular6的服务和依赖注入

Jun 27 Javascript

了解重排与重绘

May 29 Javascript

关于layui 实现点击按钮添加一行(方法渲染创建的table)

Sep 29 Javascript

JS实现简易图片自动轮播

Oct 16 Javascript

vue使用watch监听属性变化

Apr 30 Vue.js

你可能不再需要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

用函数读出数据表内容放入二维数组

2006/10/09 PHP

windows下升级PHP到5.3.3的过程及注意事项

2010/10/12 PHP

destoon在360浏览器下出现用户被强行注销的解决方法

2014/06/26 PHP

PHP实现字符串大小写转函数的功能实例

2019/02/06 PHP

Jquery cookie操作代码

2010/03/14 Javascript

利用jquery操作select下拉列表框的代码

2010/06/04 Javascript

JavaScript判断变量是否为undefined的两种写法区别

2013/12/04 Javascript

jquery组件使用中遇到的问题整理及解决

2014/02/21 Javascript

JavaScript字符串对象substr方法入门实例（用于截取字符串）

2014/10/16 Javascript

jQuery中:checkbox选择器用法实例

2015/01/03 Javascript

JavaScript通过join函数连接数组里所有元素的方法

2015/03/20 Javascript

javascript实现带下拉子菜单的导航菜单效果

2015/05/14 Javascript

详解Bootstrap glyphicons字体图标

2016/01/04 Javascript

Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例

2017/01/22 Javascript

three.js 入门案例详解

2018/01/23 Javascript

详解React-Router中Url参数改变页面不刷新的解决办法

2018/05/08 Javascript

vue 返回上一页,页面样式错乱的解决

2019/11/14 Javascript

详解JavaScript中的Object.is()与"==="运算符总结

2020/06/17 Javascript

vue+iview分页组件的封装

2020/11/17 Vue.js

[57:16]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第二场

2014/05/26 DOTA

[01:48]DOTA2 2015国际邀请赛中国区预选赛第二日战报

2015/05/27 DOTA

Python本地与全局命名空间用法实例

2015/06/16 Python

利用aardio给python编写图形界面

2017/08/21 Python

matplotlib简介,安装和简单实例代码

2017/12/26 Python

python re模块的高级用法详解

2018/06/06 Python

Python实现堡垒机模式下远程命令执行操作示例

2019/05/09 Python

Python 实现数据结构-循环队列的操作方法

2019/07/17 Python

50行Python代码实现视频中物体颜色识别和跟踪（必须以红色为例）

2019/11/20 Python

举例详解CSS3中的Transition

2015/07/15 HTML / CSS

FORZIERI澳大利亚站：全球顶级奢华配饰精品店

2016/12/31 全球购物

施华洛世奇水晶荷兰官方网站：SWAROVSKI荷兰

2017/05/12 全球购物

建筑专业自荐信范文

2014/01/05 职场文书

单身联谊活动方案

2014/01/29 职场文书

优秀团支部事迹材料

2014/02/08 职场文书

酒店周年庆活动方案

2014/08/21 职场文书

MySQL中distinct与group by之间的性能进行比较

2021/05/26 MySQL