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

JQUERY 对象与DOM对象之两者相互间的转换

Apr 27 Javascript

jQuery bind事件使用详解

May 05 Javascript

使用jQuery实现验证上传图片的格式与大小

Dec 03 Javascript

Javascript动态创建div的方法

Feb 09 Javascript

jQuery实现标签页效果实战（4）

Feb 08 Javascript

Vue单文件组件的如何使用方式介绍

Jul 28 Javascript

node 命令方式启动修改端口的方法

May 12 Javascript

JavaScript面向对象的程序设计(犯迷糊的小羊)

May 27 Javascript

JS内部事件机制之单线程原理

Jul 02 Javascript

详解JavaScript的变量

Apr 04 Javascript

微信小程序实现元素渐入渐出动画效果封装方法

May 18 Javascript

node学习笔记之读写文件与开启第一个web服务器操作示例

May 29 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 array的学习笔记

2012/05/16 PHP

基于curl数据采集之单页面采集函数get_html的使用

2013/04/28 PHP

ThinkPHP路由详解

2015/07/27 PHP

php metaphone()函数及php localeconv() 函数实例解析

2016/05/15 PHP

在一个js文件里远程调用jquery.js会在ie8下的一个奇怪问题

2010/11/28 Javascript

解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题

2013/01/11 Javascript

jQuery检测输入的字符串包含的中英文的数量

2015/04/17 Javascript

javascript的几种继承方法介绍

2016/03/22 Javascript

用js动态添加html元素,以及属性的简单实例

2016/07/19 Javascript

清除输入框内的空格

2016/12/21 Javascript

微信浏览器禁止页面下拉查看网址实例详解

2017/06/28 Javascript

Vue 实时监听窗口变化 windowresize的两种方法

2018/11/06 Javascript

谈谈JavaScript中super(props)的重要性

2019/02/12 Javascript

使用原生JS实现火锅点餐小程序（面向对象思想）

2019/12/10 Javascript

JS图片预加载三种实现方法解析

2020/05/08 Javascript

jQuery HTML css()方法与css类实例详解

2020/05/20 jQuery

JavaScript 中的执行上下文和执行栈实例讲解

2021/02/25 Javascript

python实现给数组按片赋值的方法

2015/07/28 Python

Python实现批量读取word中表格信息的方法

2015/07/30 Python

Python类属性的延迟计算

2016/10/22 Python

python实现的正则表达式功能入门教程【经典】

2017/06/05 Python

python正则表达式面试题解答

2020/04/28 Python

flask中过滤器的使用详解

2018/08/01 Python

详解Python正则表达式re模块

2019/03/19 Python

Django REST framework 如何实现内置访问频率控制

2019/07/23 Python

在Python 的线程中运行协程的方法

2020/02/24 Python

python的reverse函数翻转结果为None的问题

2020/05/11 Python

日本非常有名的内衣丝袜品牌：GUNZE

2017/01/06 全球购物

优秀毕业生推荐信范文

2014/03/07 职场文书

答谢会策划方案

2014/05/12 职场文书

大学生村官考核材料

2014/05/23 职场文书

城市创卫标语

2014/06/17 职场文书

美化环境标语

2014/06/20 职场文书

学校政风行风自查自纠报告

2014/10/21 职场文书

2015年社区宣传工作总结

2015/05/20 职场文书

HTML 里 img 元素的 src 和 srcset 属性的区别详解

2023/05/21 HTML / CSS