解决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对象及属性
Feb 13 Javascript
扩展IE中一些不兼容的方法如contains、startWith等等
Jan 09 Javascript
jQuery聚合函数实例
May 21 Javascript
js clearInterval()方法的定义和用法
Nov 11 Javascript
js实现仿购物车加减效果
Mar 01 Javascript
详解Angular.js数据绑定时自动转义html标签及内容
Mar 30 Javascript
tangram.js库实现js类的方式实例分析
Jan 06 Javascript
JS实现运动缓冲效果的封装函数示例
Feb 18 Javascript
一个Vue视频媒体多段裁剪组件的实现示例
Aug 09 Javascript
对Vue2 自定义全局指令Vue.directive和指令的生命周期介绍
Aug 30 Javascript
layui多图上传实现删除功能的例子
Sep 23 Javascript
请求时token过期自动刷新token操作
Sep 11 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检查字符串中是否包含7位GSM字符的方法
2015/03/17 PHP
浅谈php中include文件变量作用域
2015/06/18 PHP
php爬取天猫和淘宝商品数据
2018/02/23 PHP
PHP 应用容器化以及部署方法
2018/02/12 PHP
关于juqery radio写法的兼容性问题(新老版本jquery)
2010/06/14 Javascript
如何学习Javascript入门指导
2013/11/01 Javascript
JS 排序输出实现table行号自增前端动态生成的tr
2014/08/13 Javascript
做web开发 先学JavaScript
2014/12/12 Javascript
js预加载图片方法汇总
2015/06/15 Javascript
Sort()函数的多种用法
2016/03/20 Javascript
JavaScript运动框架 链式运动到完美运动(五)
2017/05/18 Javascript
深入理解Vue transition源码分析
2017/07/30 Javascript
移动端触摸滑动插件swiper使用方法详解
2017/08/11 Javascript
nodejs发送http请求时遇到404长时间未响应的解决方法
2017/12/10 NodeJs
AngularJS 前台分页实现的示例代码
2018/06/07 Javascript
vue将单页面改造成多页面应用的方法
2018/11/25 Javascript
Node+OCR实现图像文字识别功能
2018/11/26 Javascript
Angular进行简单单元测试的实现方法实例
2020/08/16 Javascript
Python标准库内置函数complex介绍
2014/11/25 Python
线程和进程的区别及Python代码实例
2015/02/04 Python
Python切片工具pillow用法示例
2018/03/30 Python
python下解压缩zip文件并删除文件的实例
2018/04/24 Python
Python使用matplotlib实现的图像读取、切割裁剪功能示例
2018/04/28 Python
Python实现的服务器示例小结【单进程、多进程、多线程、非阻塞式】
2019/05/23 Python
python+OpenCV实现车牌号码识别
2019/11/08 Python
python pygame实现滚动横版射击游戏城市之战
2019/11/25 Python
python函数中将变量名转换成字符串实例
2020/05/11 Python
奥地利购买珠宝和手表网站:ELLA JUWELEN
2019/09/03 全球购物
Nordgreen手表德国官方网站:丹麦极简主义手表
2019/10/31 全球购物
报考公务员诚信承诺书
2014/08/29 职场文书
中学生2014国庆节演讲稿:不屈的民族
2014/09/21 职场文书
幼儿园教师自荐书
2015/03/06 职场文书
2015年乡镇人大工作总结
2015/04/22 职场文书
听证会主持词
2015/07/03 职场文书
幼儿园教师辞职信
2019/06/21 职场文书
python b站视频下载的五种版本
2021/05/27 Python