解决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 相关文章推荐
模仿JQuery sortable效果 代码有错但值得看看
Nov 05 Javascript
探讨在JQuery和Js中,如何让ajax执行完后再继续往下执行
Jul 09 Javascript
jQuery实现点击图片翻页展示效果的方法
Feb 16 Javascript
js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解
Nov 09 Javascript
Jquery easyui开启行编辑模式增删改操作
Jan 14 Javascript
jQuery 选择器(61种)整理总结
Sep 26 Javascript
JavaScript严格模式下关于this的几种指向详解
Jul 12 Javascript
关于vue中 $emit的用法详解
Apr 12 Javascript
ES6之模版字符串的具体使用
May 17 Javascript
layui 阻止图片上传的实例(before方法)
Sep 26 Javascript
vue解决花括号数据绑定不成功的问题
Oct 30 Javascript
TypeScript高级用法的知识点汇总
Dec 17 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
解决phpmyadmin中缺少mysqli扩展问题的方法
2013/05/06 PHP
如何使用jQuery+PHP+MySQL来实现一个在线测试项目
2015/04/26 PHP
php设计模式之建造器模式分析【星际争霸游戏案例】
2020/01/23 PHP
JavaScript 选中文字并响应获取的实现代码
2011/08/28 Javascript
javaScript 利用闭包模拟对象的私有属性
2011/12/29 Javascript
JavaScript 更严格的相等 [译]
2012/09/20 Javascript
javascript判断是否按回车键并解决浏览器之间的差异
2014/05/13 Javascript
javascript委托(Delegate)blur和focus用法实例分析
2015/05/26 Javascript
jquery实现的3D旋转木马特效代码分享
2015/08/25 Javascript
JQuery实现左右滚动菜单特效
2015/09/28 Javascript
jQuery解析json格式数据简单实例
2016/01/22 Javascript
微信js-sdk分享功能接口常用逻辑封装示例
2016/10/13 Javascript
JS获取鼠标位置距浏览器窗口距离的方法示例
2017/04/11 Javascript
百度小程序之间的页面通信过程详解
2019/07/18 Javascript
JS常见内存泄漏及解决方案解析
2020/05/30 Javascript
Vue中computed及watch区别实例解析
2020/08/01 Javascript
vue3.0生命周期的示例代码
2020/09/24 Javascript
[03:08]TI9战队档案 - Vici Gaming
2019/08/20 DOTA
phpsir 开发 一个检测百度关键字网站排名的python 程序
2009/09/17 Python
Python的Django框架中URLconf相关的一些技巧整理
2015/07/18 Python
使用Python操作excel文件的实例代码
2017/10/15 Python
python调用百度REST API实现语音识别
2018/08/30 Python
Django ORM 聚合查询和分组查询实现详解
2019/08/09 Python
Django后端发送小程序微信模板消息示例(服务通知)
2019/12/17 Python
几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍
2021/03/17 Javascript
阿联酋彩妆品牌:OUD MILANO
2019/10/06 全球购物
美国婴儿服装购物网站:Gerber Childrenswear
2020/05/06 全球购物
Elizabeth Gage官网:英国最好的珠宝设计之一
2020/09/26 全球购物
介绍一下MYSQL常用的优化技巧
2012/10/25 面试题
上党课的心得体会
2014/09/02 职场文书
2014年大学生党员评议表自我评价
2014/09/20 职场文书
初中生毕业评语
2014/12/29 职场文书
2015年中学团委工作总结
2015/07/22 职场文书
最新农村养殖致富:资金投入较低的创业项目有哪些?
2019/09/26 职场文书
分析Netty直接内存原理及应用
2021/06/14 Java/Android
Spring mvc是如何实现与数据库的前后端的连接操作的?
2021/06/30 Java/Android