编程 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 相关文章推荐

让回调函数 showResponse 也带上参数的代码

Aug 13 Javascript

让angularjs支持浏览器自动填表

Nov 10 Javascript

Bootstrap每天必学之媒体对象

Nov 30 Javascript

原生JavaScript实现Ajax的方法

Apr 07 Javascript

JS获取多维数组中相同键的值实现方法示例

Jan 06 Javascript

几种响应式文字详解

May 19 Javascript

Angular搜索过滤批量删除添加表单验证功能集锦(实例代码)

Oct 25 Javascript

微信小程序如何连接Java后台

Aug 08 Javascript

vue中 v-for循环的用法详解

Feb 19 Javascript

微信小程序动态添加和删除组件的现实

Feb 28 Javascript

基于JavaScript实现随机点名器

Feb 25 Javascript

解决Vue+SpringBoot+Shiro跨域问题

Jun 09 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

PHP实现大数(浮点数)取余的方法

2017/02/18 PHP

PHP Laravel中的Trait使用方法

2019/01/20 PHP

解决Laravel5.x的php artisan migrate数据库迁移创建操作报错SQLSTATE[42000]

2020/04/06 PHP

tp5.1 框架路由操作-URL生成实例分析

2020/05/26 PHP

JavaScript 对话框和状态栏使用说明

2009/10/25 Javascript

JSON传递bool类型数据的处理方式介绍

2013/09/18 Javascript

设置checkbox为只读(readOnly)的两种方式

2013/10/11 Javascript

node.js中Socket.IO的进阶使用技巧

2014/11/04 Javascript

text-align:justify实现文本两端对齐兼容IE

2015/08/19 Javascript

jQuery轻松实现表格的隔行变色和点击行变色的实例代码

2016/05/09 Javascript

nodejs multer实现文件上传与下载

2017/05/10 NodeJs

使用selenium抓取淘宝的商品信息实例

2018/02/06 Javascript

vue watch监听对象及对应值的变化详解

2018/02/24 Javascript

nodejs多版本管理总结

2018/04/03 NodeJs

vue集成百度UEditor富文本编辑器使用教程

2018/09/21 Javascript

Angular4.0动画操作实例详解

2019/05/10 Javascript

vue-cli随机生成port源码的方法

2019/09/02 Javascript

[04:09]2018年度DOTA2社区贡献奖-完美盛典

2018/12/16 DOTA

Python ORM框架SQLAlchemy学习笔记之映射类使用实例和Session会话介绍

2014/06/10 Python

python实现外卖信息管理系统

2018/01/11 Python

Django如何开发简单的查询接口详解

2019/05/17 Python

利用Python复制文件的9种方法总结

2019/09/02 Python

python实现简单成绩录入系统

2019/09/19 Python

使用Python刷淘宝喵币（低阶入门版）

2019/10/30 Python

Python socket模块方法实现详解

2019/11/05 Python

使用pyqt 实现重复打开多个相同界面

2019/12/13 Python

wxpython自定义下拉列表框过程图解

2020/02/14 Python

Python PIL库图片灰化处理

2020/04/07 Python

Jupyter Notebook的连接密码 token查询方式

2020/04/21 Python

如何使用canvas绘制可移动网格的示例代码

2020/12/14 HTML / CSS

如何设置Java的运行环境

2013/04/05 面试题

户外拓展活动方案

2014/02/11 职场文书

乒乓球兴趣小组活动总结

2014/07/08 职场文书

毕业生就业推荐表导师评语

2014/12/31 职场文书

《颐和园》教学反思

2016/02/19 职场文书

VUE使用draggable实现组件拖拽

2022/04/06 Vue.js