解决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中函数声明优先于变量声明的实例分析
Mar 01 Javascript
jquery对dom的操作常用方法整理
Jun 25 Javascript
IE网页js语法错误2行字符1、FF中正常的解决方法
Sep 09 Javascript
JS获取select-option-text_value的方法
Dec 26 Javascript
javascript学习笔记(六)数据类型和JSON格式
Oct 08 Javascript
PHP+jQuery+Ajax实现多图片上传效果
Mar 14 Javascript
跟我学习javascript的prototype使用注意事项
Nov 17 Javascript
javascript 将共享属性迁移到原型中去的实现方法
Aug 31 Javascript
js实现图片加载淡入淡出效果
Apr 07 Javascript
微信小程序教程系列之新建页面(4)
Apr 17 Javascript
通过一个简单的例子学会vuex与模块化
Nov 22 Javascript
从零开始搭建vue移动端项目到上线的步骤
Oct 15 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
我的论坛源代码(三)
2006/10/09 PHP
PHP 5.0对象模型深度探索之类的静态成员
2008/03/27 PHP
PHP根据IP地址获取所在城市具体实现
2013/11/27 PHP
PHP文件操作之获取目录下文件与计算相对路径的方法
2016/01/08 PHP
详解PHP字符串替换str_replace()函数四种用法
2017/10/13 PHP
php fread函数使用方法总结
2019/05/28 PHP
Aster vs Newbee BO5 第一场2.19
2021/03/10 DOTA
返回页面顶部top按钮通过锚点实现(自写)
2013/08/30 Javascript
JavaScript改变HTML元素的样式改变CSS及元素属性
2013/11/12 Javascript
EasyUI中combobox默认值注意事项
2015/03/01 Javascript
在JavaScript中处理数组之reverse()方法的使用
2015/06/09 Javascript
JS实现table表格数据排序功能(可支持动态数据+分页效果)
2016/05/26 Javascript
Jquery获取第一个子元素简单实例
2016/06/02 Javascript
BootStrap Validator 版本差异问题导致的submitHandler失效问题的解决方法
2016/12/01 Javascript
vue和react等项目中更简单的实现展开收起更多等效果示例
2018/02/22 Javascript
Javascript迭代、递推、穷举、递归常用算法实例讲解
2019/02/01 Javascript
利用原生JavaScript实现造日历轮子实例代码
2019/05/08 Javascript
Vue侦测相关api的实现方法
2019/05/22 Javascript
详解vuex数据传输的两种方式及this.$store undefined的解决办法
2019/08/26 Javascript
JavaScript中的相等操作符使用详解
2019/12/21 Javascript
如何使用七牛Python SDK写一个同步脚本及使用教程
2015/08/23 Python
python3使用pyqt5制作一个超简单浏览器的实例
2017/10/19 Python
python用户管理系统的实例讲解
2017/12/23 Python
Python使用win32 COM实现Excel的写入与保存功能示例
2018/05/03 Python
Python2和Python3.6环境解决共存问题
2018/11/09 Python
python按行读取文件并找出其中指定字符串
2019/08/08 Python
tensorflow 分类损失函数使用小记
2020/02/18 Python
协程Python 中实现多任务耗资源最小的方式
2020/10/19 Python
英国团购网站:Groupon英国
2017/11/28 全球购物
Smilodox官方运动服装店:从运动服到健身配件
2020/08/27 全球购物
枚举和一组预处理的#define有什么不同
2016/09/21 面试题
大二自我鉴定范文
2013/10/05 职场文书
文科生自我鉴定
2014/02/15 职场文书
工程项目建议书范文
2014/03/12 职场文书
优秀大学生求职自荐信范文
2014/04/19 职场文书
给老婆的检讨书1000字
2015/01/01 职场文书