解决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 相关文章推荐
23个Javascript弹出窗口特效整理
Feb 25 Javascript
javascript简易缓动插件(源码打包)
Feb 16 Javascript
javascript中使用正则计算中文长度的例子
Apr 29 Javascript
javascript实时显示当天日期的方法
May 20 Javascript
js获取当前日期时间及其它日期操作汇总
Mar 08 Javascript
浅谈JavaScript 浏览器对象
Jun 03 Javascript
浅谈jQuery效果函数
Sep 16 Javascript
jQuery实现每隔一段时间自动更换样式的方法分析
May 03 jQuery
讲解vue-router之命名路由和命名视图
May 28 Javascript
webpack file-loader和url-loader的区别
Jan 15 Javascript
如何为你的JavaScript代码日志着色详解
Apr 08 Javascript
浅谈发布订阅模式与观察者模式
Apr 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 存取 MySQL 数据库的一个例子
2006/10/09 PHP
PHP中file_exists与is_file,is_dir的区别介绍
2012/09/12 PHP
一个简单的PHP验证码实现代码
2014/05/10 PHP
php将HTML表格每行每列转为数组实现采集表格数据的方法
2015/04/03 PHP
php获取指定(访客)IP所有信息(地址、邮政编码、国家、经纬度等)的方法
2015/07/06 PHP
Yii数据库缓存实例分析
2016/03/29 PHP
javascript 回到顶部效果的实现代码
2014/02/17 Javascript
onclick和onblur冲突问题的快速解决方法
2016/04/28 Javascript
javascript数组去重方法分析
2016/12/15 Javascript
JavaScript中使用Async实现异步控制
2017/08/15 Javascript
浅谈Vuejs Prop基本用法
2017/08/17 Javascript
解决angular2在双向数据绑定时[(ngModel)]无法使用的问题
2018/09/13 Javascript
微信小程序如何获取手机验证码
2018/11/04 Javascript
如何利用ES6进行Promise封装总结
2019/02/11 Javascript
3分钟了解vue数据劫持的原理实现
2019/05/01 Javascript
简述ES6新增关键字let与var的区别
2019/08/23 Javascript
[02:48]DOTA2英雄基础教程 暗夜魔王
2013/12/12 DOTA
[04:03][TI9趣味短片] 小鸽子茶话会
2019/08/20 DOTA
在Django中创建第一个静态视图
2015/07/15 Python
Python简单格式化时间的方法【strftime函数】
2016/09/18 Python
Python数据结构与算法之使用队列解决小猫钓鱼问题
2017/12/14 Python
对python中的logger模块全面讲解
2018/04/28 Python
解决Pandas to_json()中文乱码,转化为json数组的问题
2018/05/10 Python
tensorflow实现加载mnist数据集
2018/09/08 Python
使用python将时间转换为指定的格式方法
2018/11/12 Python
Python中的Socket 与 ScoketServer 通信及遇到问题解决方法
2019/04/01 Python
解决Django layui {{}}冲突的问题
2019/08/29 Python
Django认证系统user对象实现过程解析
2020/03/02 Python
幼师专业毕业生自荐信
2013/09/29 职场文书
表扬信格式
2014/01/12 职场文书
优秀中学生事迹材料
2014/01/31 职场文书
趣味活动策划方案
2014/02/08 职场文书
计算机相关专业自荐信
2014/07/02 职场文书
农村党员学习党的群众路线教育实践活动心得体会
2014/11/04 职场文书
大学生实习推荐信
2015/03/27 职场文书
面试提问mysql一张表到底能存多少数据
2022/03/13 MySQL