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 相关文章推荐
用js遍历 table的脚本
Jul 23 Javascript
模仿JQuery.extend函数扩展自己对象的js代码
Dec 09 Javascript
同时使用n个window onload加载实例介绍
Apr 25 Javascript
IE、FF、Chrome浏览器中的JS差异介绍
Aug 13 Javascript
jquery实现弹出层完美居中效果
Mar 03 Javascript
一个js过滤空格的小函数
Oct 10 Javascript
微信小程序 video详解及简单实例
Jan 16 Javascript
Angular实现跨域(搜索框的下拉列表)
Feb 16 Javascript
原生javascript实现分页效果
Apr 21 Javascript
详解webpack进阶之插件篇
Jul 06 Javascript
JavaScript requestAnimationFrame动画详解
Sep 14 Javascript
利用CDN加速react webpack打包后的文件详解
Feb 22 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中用PDO查询Mysql来避免SQL注入风险的方法
2013/04/25 PHP
php中静态类与静态变量用法的区别分析
2015/01/15 PHP
php解析url并得到url中的参数及获取url参数的四种方式
2015/10/26 PHP
yii2实现根据时间搜索的方法
2016/05/25 PHP
php mysql实现mysql_select_db选择数据库
2016/12/30 PHP
PHP封装的PDO数据库操作类实例
2017/06/21 PHP
对于Form表单reset方法的新认识
2014/03/05 Javascript
JavaScript html5 canvas绘制时钟效果
2016/03/01 Javascript
js 截取或者替换字符串中的数字实现方法
2016/06/13 Javascript
Bootstrap源码解读按钮(5)
2016/12/23 Javascript
d3.js入门教程之数据绑定详解
2017/04/28 Javascript
php 修改密码实现代码
2017/05/24 Javascript
jQuery修改DOM结构_动力节点Java学院整理
2017/07/05 jQuery
微信小程序swiper实现滑动放大缩小效果
2018/11/15 Javascript
javascript实现遮罩层动态效果实例
2019/05/14 Javascript
JS判断数组里是否有重复元素的方法小结
2019/05/21 Javascript
vue+Element-ui实现分页效果
2020/11/15 Javascript
JS中循环遍历数组的四种方式总结
2021/01/23 Javascript
[00:23]DOTA2群星共贺开放测试 25日无码时代来袭
2013/09/23 DOTA
Python爬取Coursera课程资源的详细过程
2014/11/04 Python
Python中的Descriptor描述符学习教程
2016/06/02 Python
python多进程使用及线程池的使用方法代码详解
2018/10/24 Python
python 返回列表中某个值的索引方法
2018/11/07 Python
Python实现串口通信(pyserial)过程解析
2019/09/25 Python
Python decorator拦截器代码实例解析
2020/04/04 Python
ASOS亚洲:ASOS Asia
2018/03/04 全球购物
Paul Smith英国官网:英国国宝级时装品牌
2019/03/21 全球购物
乌克兰数字设备、配件和智能技术的连锁商店:KTC
2020/08/18 全球购物
优秀的导游求职信范文
2014/04/06 职场文书
银行求职自荐书
2014/06/25 职场文书
努力学习保证书
2015/02/26 职场文书
忠诚教育学习心得体会
2016/01/23 职场文书
给原生html中添加水印遮罩层的实现示例
2021/04/02 Javascript
Python+uiautomator2实现自动刷抖音视频功能
2021/04/29 Python
Android Canvas绘制文字横纵向对齐
2022/06/05 Java/Android
LyScript实现绕过反调试保护的示例详解
2022/08/14 Python