解决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 相关文章推荐
JavaScript 闭包深入理解(closure)
May 27 Javascript
jquery中 $.expr使用实例介绍
Jun 09 Javascript
Angularjs编写KindEditor,UEidtor,jQuery指令
Jan 28 Javascript
javascript中this的四种用法
May 11 Javascript
Javascript基础知识盲点总结之函数
May 15 Javascript
AngularJs基本特性解析(一)
Jul 21 Javascript
浅析JS中的 map, filter, some, every, forEach, for in, for of 用法总结
Mar 29 Javascript
vue用addRoutes实现动态路由的示例
Sep 15 Javascript
在Vue项目中使用snapshot测试的具体使用
Apr 16 Javascript
一次让你了解全部JavaScript的作用域
Jun 24 Javascript
微信小程序连续签到7天积分获得功能的示例代码
Aug 20 Javascript
JavaScript canvas实现跟随鼠标移动小球
Feb 09 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实现的简易版图片相似度比较
2015/01/07 PHP
Yii2实现ajax上传图片插件用法
2016/04/28 PHP
PHP随机获取未被微信屏蔽的域名(微信域名检测)
2017/03/19 PHP
PHP的mysqli_stmt_init()函数讲解
2019/01/24 PHP
WordPress JQuery处理沙发头像
2009/06/22 Javascript
javascript 隐藏/显示指定的区域附HTML元素【legend】用法
2010/03/05 Javascript
javascript 二分法(数组array)
2010/04/24 Javascript
JavaScript 高级篇之闭包、模拟类,继承(五)
2012/04/07 Javascript
jquery弹出框的用法示例(2)
2013/08/26 Javascript
jQuery中hide()方法用法实例
2014/12/24 Javascript
在JavaScript的jQuery库中操作AJAX的方法讲解
2015/08/15 Javascript
javascript模块化简单解析
2016/04/07 Javascript
零基础轻松学JavaScript闭包
2016/12/30 Javascript
纯js实现页面返回顶部的动画(超简单)
2017/08/10 Javascript
微信小程序 获取session_key和openid的实例
2017/08/17 Javascript
JS实现点击下拉菜单把选择的内容同步到input输入框内的实例
2018/01/23 Javascript
微信小程序实现导航栏选项卡效果
2020/06/19 Javascript
JavaScript Canvas实现验证码
2020/08/02 Javascript
[01:29:42]Liquid vs VP Supermajor决赛 BO 第一场 6.10
2018/07/05 DOTA
在Django同1个页面中的多表单处理详解
2017/01/25 Python
linecache模块加载和缓存文件内容详解
2018/01/11 Python
Windows下的Jupyter Notebook 安装与自定义启动(图文详解)
2018/02/21 Python
Python 中 -m 的典型用法、原理解析与发展演变
2019/11/11 Python
TensorFlow查看输入节点和输出节点名称方式
2020/01/04 Python
HTML5实现获取地理位置信息并定位功能
2015/04/25 HTML / CSS
美国百货齐全的精品网站,提供美式风格的产品:Overstock.com
2016/07/22 全球购物
Ajax的优点和缺点
2014/11/21 面试题
党员岗位承诺书
2014/03/25 职场文书
校庆活动方案
2014/03/31 职场文书
教师党员承诺书2015
2015/01/21 职场文书
内勤岗位职责范本
2015/04/13 职场文书
什么是求职信?求职信应包含哪些内容?
2019/08/14 职场文书
浅谈自定义校验注解ConstraintValidator
2021/06/30 Java/Android
DSP接收机前端设想
2022/04/05 无线电
介绍一下28个JS常用数组方法
2022/05/06 Javascript
Go gorilla securecookie库的安装使用详解
2022/08/14 Golang