编程 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无法执行的解决办法

Feb 25 Javascript

Javascript Math ceil()、floor()、round()三个函数的区别

Mar 09 Javascript

javascript中自定义对象的属性方法分享

Jul 12 Javascript

Javascript实现图片不间断滚动的代码

Jun 22 Javascript

js图片切换具体实现代码

Oct 13 Javascript

javascript 开发之百度地图使用到的js函数整理

May 19 Javascript

学习JS中的DOM节点以及操作

Apr 30 Javascript

今天，小程序正式支持 SVG

Apr 20 Javascript

基于jQuery的时间戳与日期间的转化

Jun 21 jQuery

element ui分页多选,翻页记忆的实例

Sep 03 Javascript

vue简单练习桌面时钟的实现代码实例

Sep 19 Javascript

vuex实现数据状态持久化

Nov 11 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中对数据库操作的封装

2006/10/09 PHP

Yii中CGridView实现批量删除的方法

2015/12/28 PHP

javascript window对象属性整理

2009/10/24 Javascript

setInterval与clearInterval的使用示例代码

2014/01/28 Javascript

利用jquery.qrcode在页面上生成二维码且支持中文

2014/02/12 Javascript

jquery中toggle函数交替使用问题

2015/06/22 Javascript

jQuery实现可以编辑的表格实例详解【附demo源码下载】

2016/07/09 Javascript

详解vuejs之v-for列表渲染

2017/06/22 Javascript

vue实现百度下拉列表交互操作示例

2019/03/12 Javascript

微信小程序冒泡事件原理解析

2019/09/27 Javascript

详解jQuery中的prop()使用方法

2020/01/05 jQuery

python中查看变量内存地址的方法

2015/05/05 Python

python中星号变量的几种特殊用法

2016/09/07 Python

用Python shell简化开发

2018/08/08 Python

python3.7.0的安装步骤

2018/08/27 Python

python一键去抖音视频水印工具

2018/09/14 Python

python操作kafka实践的示例代码

2019/06/19 Python

python实现从ftp服务器下载文件

2020/03/03 Python

Pycharm激活码激活两种快速方式（附最新激活码和插件）

2020/03/12 Python

Django 解决阿里云部署同步数据库报错的问题

2020/05/14 Python

马来西亚最热门的在线时尚商店：FashionValet

2018/11/11 全球购物

Notino芬兰：购买香水和化妆品

2019/04/15 全球购物

戴尔荷兰官方网站：Dell荷兰

2020/10/04 全球购物

写一个函数返回1+2+3+…+n的值（假定结果不会超过长整型变量的范围）

2014/09/05 面试题

财政局长自荐信范文

2013/12/22 职场文书

我的大学生活演讲稿

2014/04/25 职场文书

给学校的建议书范文

2014/05/15 职场文书

任命书格式

2014/06/05 职场文书

缓刑人员思想汇报500字

2014/09/12 职场文书

安全生产工作汇报

2014/10/28 职场文书

2014年党员发展工作总结

2014/12/02 职场文书

小学优秀教师事迹材料

2014/12/16 职场文书

大学生考试作弊被抓检讨书

2014/12/27 职场文书

五年级上册复习计划

2015/01/19 职场文书

高三英语教学计划

2015/01/23 职场文书

迎新生欢迎词2015

2015/07/16 职场文书