解决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 相关文章推荐
XMLHTTPRequest的属性和方法简介
Nov 23 Javascript
jQuery实现单行文字间歇向上滚动源代码
Jun 02 Javascript
多种方法判断Javascript对象是否存在
Sep 22 Javascript
javaScript中两个等于号和三个等于号之间的区别介绍
Jun 27 Javascript
text-align:justify实现文本两端对齐 兼容IE
Aug 19 Javascript
jquery实现超简洁的TAB选项卡效果代码
Aug 28 Javascript
js和jq使用submit方法无法提交表单的快速解决方法
May 17 Javascript
深入浅析javascript中的作用域(推荐)
Jul 19 Javascript
Angular页面间切换及传值的4种方法
Nov 04 Javascript
详解angular中通过$location获取路径(参数)的写法
Mar 21 Javascript
原生JS+HTML5实现的可调节写字板功能示例
Aug 30 Javascript
基于JavaScript实现表格隔行换色
May 08 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
第六节 访问属性和方法 [6]
2006/10/09 PHP
PHP 获取MySQL数据库里所有表的实现代码
2011/07/13 PHP
php 使用ActiveMQ发送消息,与处理消息操作示例
2020/02/23 PHP
javascript 火狐(firefox)不显示本地图片问题解决
2008/07/05 Javascript
主页面中的两个iframe实现鼠标拖动改变其大小
2013/04/16 Javascript
JavaScript操纵窗口的方法小结
2013/06/28 Javascript
js中符号转意问题示例探讨
2013/08/19 Javascript
Javascript 构造函数详解
2014/10/22 Javascript
javascript变量声明实例分析
2015/04/25 Javascript
Angularjs中UI Router全攻略
2016/01/29 Javascript
javascript的BOM
2016/05/03 Javascript
捕获未处理的Promise错误方法
2017/10/13 Javascript
angularJs提交文本框数据到后台的方法
2018/10/08 Javascript
node.js中express模块创建服务器和http模块客户端发请求
2019/03/06 Javascript
Electron-vue开发的客户端支付收款工具的实现
2019/05/24 Javascript
vue项目出现页面空白的解决方案
2019/10/31 Javascript
javascript设计模式 ? 建造者模式原理与应用实例分析
2020/04/10 Javascript
vue单应用在ios系统中实现微信分享功能操作
2020/09/07 Javascript
jquery实现加载更多&quot;转圈圈&quot;效果(示例代码)
2020/11/09 jQuery
python使用append合并两个数组的方法
2015/04/28 Python
python处理两种分隔符的数据集方法
2018/12/12 Python
使用python分析统计自己微信朋友的信息
2019/07/19 Python
python实现的汉诺塔算法示例
2019/10/23 Python
python实现两个一维列表合并成一个二维列表
2019/12/02 Python
python字符串判断密码强弱
2020/03/18 Python
使用html2canvas实现浏览器截图的示例代码
2018/01/26 HTML / CSS
中国跨境电子商务网站:NewFrog
2018/03/10 全球购物
建筑工程专业学生的自我评价
2013/12/25 职场文书
快餐店的创业计划书范文
2014/01/29 职场文书
高中班级口号
2014/06/09 职场文书
2015年学校德育工作总结
2015/04/22 职场文书
2016公司年会通知范文
2015/04/25 职场文书
刑事附带民事起诉状
2015/05/19 职场文书
2015年安全生产月工作总结
2015/07/27 职场文书
竞聘书的秘诀
2019/04/02 职场文书
游戏《铁拳》动画化!2022年年内播出
2022/03/21 日漫