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及内存占用,完美解决了。

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