解决ie img标签内存泄漏的问题


Posted in Javascript onOctober 13, 2017

代码:

<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>IMG元素内存泄露测试</title>
 <script type="text/javascript" src="jquery-1.7.1.js"></script>
 <script type="text/javascript">
  $(function () {
   var i = 0;
   var t;

   // img标签方式 
   function changeImage() {
    i++;
    var picIndex = i % 20;
    $("#imagePath").html("images/" + picIndex + ".jpg");
    $("#div").append("<img width='100' height='100' src='images/" + picIndex + ".jpg' />");
   };

   function end() {
    clearInterval(t);
    $("#div").find("img").each(function () {
     $(this).attr("src", "");
     $(this).remove();
    });
    CollectGarbage();
   }

   t = window.setInterval(changeImage, 200);
   window.setTimeout(end, 5000);
  });
 </script>
</head>
<body>
 <label id="imagePath"></label>

 <!-- 使用img标签,不改变图片大小,不会发生内存泄漏。 -->
 <div id="div">
 </div>
</body>
</html>

释放img占用内存的js代码:

$("#div").find("img").each(function () {
 $(this).attr("src", "");
 $(this).remove();
});
CollectGarbage();

以上这篇解决ie img标签内存泄漏的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
收集的10个免费的jQuery相册
Feb 26 Javascript
使用jquery选择器如何获取父级元素、同级元素、子元素
May 14 Javascript
jquery特效 点击展示与隐藏全文
Dec 09 Javascript
基于JavaScript代码实现微信扫一扫下载APP
Dec 30 Javascript
javascript 广告移动特效的实现代码
Jun 25 Javascript
xmlplus组件设计系列之路由(ViewStack)(7)
May 02 Javascript
React进阶学习之组件的解耦之道
Aug 07 Javascript
bootstrap 弹出框modal添加垂直方向滚轴效果
Jul 09 Javascript
Vue源码解析之数组变异的实现
Dec 04 Javascript
JavaScript设计模式--简单工厂模式实例分析【XHR工厂案例】
May 23 Javascript
解决vue-loader加载不上的问题
Oct 21 Javascript
JavaScript canvas实现文字时钟
Jan 10 Javascript
jq源码解析之绑在$,jQuery上面的方法(实例讲解)
Oct 13 #jQuery
vue2组件之select2调用的示例代码
Oct 12 #Javascript
vue2.x select2 指令封装详解
Oct 12 #Javascript
一个简易时钟效果js实现代码
Mar 25 #Javascript
微信小程序实现页面跳转传值的方法
Oct 12 #Javascript
微信小程序 页面滑动事件的实例详解
Oct 12 #Javascript
微信小程序 动画的简单实例
Oct 12 #Javascript
You might like
PHP实现多进程并行操作的详解(可做守护进程)
2013/06/18 PHP
用JavaScript 处理 URL 的两个函数代码
2007/08/13 Javascript
javascript 单选框,多选框美化代码
2008/08/01 Javascript
jQuery图片预加载 等比缩放实现代码
2011/10/04 Javascript
基于Jquery实现的一个图片滚动切换
2012/06/21 Javascript
jquery miniui 教程 表格控件 合并单元格应用
2012/11/25 Javascript
jquery事件与函数的使用介绍
2013/09/29 Javascript
js关于字符长度限制的问题示例探讨
2014/01/24 Javascript
node.js中的fs.writeFileSync方法使用说明
2014/12/14 Javascript
深入理解JavaScript系列(38):设计模式之职责链模式详解
2015/03/04 Javascript
超级简单实现JavaScript MVC 样式框架
2015/03/24 Javascript
基于AngularJS+HTML+Groovy实现登录功能
2016/02/17 Javascript
Js 获取当前函数参数对象的实现代码
2016/06/20 Javascript
详解Angular5路由传值方式及其相关问题
2018/04/28 Javascript
JS+css3实现幻灯片轮播图
2020/08/14 Javascript
Webpack5正式发布,有哪些新特性
2020/10/12 Javascript
[03:14]2014DOTA2西雅图国际邀请赛 EG战队巡礼
2014/07/07 DOTA
Python装饰器用法示例小结
2018/02/11 Python
DataFrame:通过SparkSql将scala类转为DataFrame的方法
2019/01/29 Python
对Python3中dict.keys()转换成list类型的方法详解
2019/02/03 Python
python使用Paramiko模块实现远程文件拷贝
2019/04/30 Python
Django模板Templates使用方法详解
2019/07/19 Python
深入浅析Python 中的sklearn模型选择
2019/10/12 Python
python基于TCP实现的文件下载器功能案例
2019/12/10 Python
编写python代码实现简单抽奖器
2020/10/20 Python
html5 canvas实现跟随鼠标旋转的箭头
2016/03/11 HTML / CSS
Sephora丝芙兰印尼官方网站:购买化妆品和护肤品
2018/07/02 全球购物
【魔兽争霸3重制版】原版画面与淬火MOD画面对比
2021/03/26 魔兽争霸
初中数学教学反思
2014/01/16 职场文书
应聘文员自荐信范文
2014/03/11 职场文书
《池塘边的叫声》教学反思
2014/04/12 职场文书
超市开店计划书
2014/09/15 职场文书
2014年就业工作总结
2014/11/26 职场文书
2019幼儿园感恩节活动策划书
2019/11/28 职场文书
MySQL 百万级数据的4种查询优化方式
2021/06/07 MySQL
Java中Dijkstra(迪杰斯特拉)算法
2022/05/20 Java/Android