解决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 相关文章推荐
P3P Header解决Cookie跨域的问题
Mar 12 Javascript
Javascript合并表格中具有相同内容单元格示例
Aug 11 Javascript
JavaScript中统计Textarea字数并提示还能输入的字符
Jun 10 Javascript
JavaScript 事件对象介绍
Apr 13 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(三)
Sep 14 Javascript
bootstrap实现动态进度条效果
Mar 08 Javascript
JavaScript运动框架 解决速度正负取整问题(一)
May 17 Javascript
解决vue build打包之后首页白屏的问题
Mar 06 Javascript
jQuery中ajax请求后台返回json数据并渲染HTML的方法
Aug 08 jQuery
vue中更改数组中属性,在页面中不生效的解决方法
Oct 30 Javascript
记录微信小程序 height: calc(xx - xx);无效问题
Dec 30 Javascript
在博客园博文中添加自定义右键菜单的方法详解
Feb 05 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 分页类(模仿google)-面试题目解答
2009/09/13 PHP
PHP+APACHE实现网址伪静态
2015/02/22 PHP
学习ExtJS Panel常用方法
2009/10/07 Javascript
JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结
2010/06/18 Javascript
jQuery 表单验证扩展(四)
2010/10/20 Javascript
js图片延迟技术一般的思路与示例
2014/03/20 Javascript
JavaScript实现表格快速变色效果代码
2015/08/19 Javascript
js窗口关闭提示信息(兼容IE和firefox)
2015/10/23 Javascript
AngularJS中的包含详细介绍及实现示例
2016/07/28 Javascript
网页挂马方式整理及详细介绍
2016/11/03 Javascript
微信小程序入门教程
2016/11/18 Javascript
Vue.js系列之vue-router(上)(3)
2017/01/03 Javascript
简单实现jQuery多选框功能
2017/01/09 Javascript
原生js实现验证码功能
2017/03/16 Javascript
Angular2使用jQuery的方法教程
2017/05/28 jQuery
webpack里使用jquery.mCustomScrollbar插件的方法
2018/05/30 jQuery
Vue实现table上下移动功能示例
2019/02/21 Javascript
vue实现todolist基本功能以及数据存储功能实例详解
2019/04/11 Javascript
JavaScript代码异常监控实现过程详解
2020/02/17 Javascript
vue实现购物车加减
2020/05/30 Javascript
[02:09]EHOME夺得首届辉夜杯冠军—现场颁奖仪式
2015/12/28 DOTA
[04:40]2016国际邀请赛中国区预选赛全程TOP10镜头集锦
2016/07/01 DOTA
python用字典统计单词或汉字词个数示例
2014/04/22 Python
跟老齐学Python之有容乃大的list(3)
2014/09/15 Python
在Python中使用SQLite的简单教程
2015/04/29 Python
Saltstack快速入门简单汇总
2016/03/01 Python
Python实现检测文件的MD5值来查找重复文件案例
2020/03/12 Python
如何用Python 实现全连接神经网络(Multi-layer Perceptron)
2020/10/15 Python
css3的transform中scale缩放详解
2014/12/08 HTML / CSS
五个2015 年最佳HTML5 框架
2015/11/11 HTML / CSS
欧洲最大的婴幼儿服装及内衣公司:Petit Bateau(小帆船)
2016/08/16 全球购物
党员领导干部承诺书
2014/05/28 职场文书
市场调研项目授权委托书范本
2014/10/04 职场文书
关于法制教育的宣传语
2015/07/13 职场文书
新人入职感言
2015/07/31 职场文书
浅谈Python3中datetime不同时区转换介绍与踩坑
2021/08/02 Python