编程 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遍历 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