解决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:节点(插入,复制,替换,删除)操作
Mar 04 Javascript
jQuery中extend函数的实现原理详解
Feb 03 Javascript
jquery实现漂亮的二级下拉菜单代码
Aug 26 Javascript
JS基于HTML5的canvas标签实现炫目的色相球动画效果实例
Aug 24 Javascript
Js apply方法详解
Feb 16 Javascript
JS判断微信扫码的方法
Aug 07 Javascript
node中koa中间件机制详解
Aug 22 Javascript
关于vue面试题汇总
Mar 20 Javascript
详解mpvue中小程序自定义导航组件开发指南
Feb 11 Javascript
vue路由对不同界面进行传参及跳转的总结
Apr 20 Javascript
vue学习之Vue-Router用法实例分析
Jan 06 Javascript
JS图片懒加载技术实现过程解析
Jul 27 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中常见的mongodb查询操作
2013/06/20 PHP
PHP生成不同颜色、不同大小的tag标签函数
2013/09/23 PHP
Php header()函数语法及使用代码
2013/11/04 PHP
php魔术变量用法实例详解
2014/11/13 PHP
Smarty foreach控制循环次数的一些方法
2015/07/01 PHP
jQuery+PHP实现图片上传并提交功能
2020/07/27 PHP
JQuery触发radio或checkbox的change事件
2012/12/18 Javascript
通过一段代码简单说js中的this的使用
2013/07/23 Javascript
详解jquery easyui之datagrid使用参考
2016/12/05 Javascript
JS实现直接运行html代码的方法
2017/03/13 Javascript
详解webpack es6 to es5支持配置
2017/05/04 Javascript
用angular实现多选按钮的全选与反选实例代码
2017/05/23 Javascript
原生js封装运动框架的示例讲解
2017/10/01 Javascript
详解如何使用 vue-cli 开发多页应用
2017/12/16 Javascript
vue 父组件调用子组件方法及事件
2018/03/29 Javascript
JavaScript设计模式之工厂模式简单实例教程
2018/07/03 Javascript
Angular6笔记之封装http的示例代码
2018/07/27 Javascript
详解关于html,css,js三者的加载顺序问题
2019/04/10 Javascript
vue+django实现一对一聊天功能的实例代码
2019/07/17 Javascript
React Native中ScrollView组件轮播图与ListView渲染列表组件用法实例分析
2020/01/06 Javascript
vue项目中自定义video视频控制条的实现代码
2020/04/26 Javascript
Json实现传值到后台代码实例
2020/06/30 Javascript
[42:32]Secret vs Optic 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python实现rsa加密实例详解
2017/07/19 Python
利用python批量修改word文件名的方法示例
2017/10/17 Python
django加载本地html的方法
2018/05/27 Python
pandas表连接 索引上的合并方法
2018/06/08 Python
Python反射和内置方法重写操作详解
2018/08/27 Python
简单分析python的类变量、实例变量
2019/08/23 Python
使用Python生成200个激活码的实现方法
2019/11/22 Python
Python实现扫码工具的示例代码
2020/10/09 Python
python3中布局背景颜色代码分析
2020/12/01 Python
python爬虫beautifulsoup解析html方法
2020/12/07 Python
祖国在我心中演讲稿500字
2014/05/04 职场文书
节约每一滴水演讲稿
2014/09/09 职场文书
我为党旗添光彩演讲稿
2014/09/13 职场文书