解决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中的Window窗口对象
Jan 16 Javascript
jQuery中:selected选择器用法实例
Jan 04 Javascript
JQuery实现可直接编辑的表格
Apr 16 Javascript
jQuery实现的fixedMenu下拉菜单效果代码
Aug 24 Javascript
聊一聊jQuery插件uploadify使用方法
Aug 24 Javascript
React实现双向绑定示例代码
Sep 19 Javascript
js date 格式化
Feb 15 Javascript
vue实现简单loading进度条
Jun 06 Javascript
vue使用监听实现全选反选功能
Jul 06 Javascript
浅谈Vue初学之props的驼峰命名
Jul 19 Javascript
Vue2.0 实现歌手列表滚动及右侧快速入口功能
Aug 08 Javascript
layer.close()关闭进度条和Iframe窗的方法
Aug 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
火车头采集器3.0采集图文教程
2007/03/17 PHP
单点登录 Ucenter示例分析
2013/10/29 PHP
php自定义session示例分享
2014/04/22 PHP
php中动态修改ini配置
2014/10/14 PHP
php禁止某ip或ip地址段访问的方法
2015/02/25 PHP
php使用Jpgraph绘制简单X-Y坐标图的方法
2015/06/10 PHP
php生成txt文件实例代码介绍
2016/04/28 PHP
PHP简单实现记录网站访问量功能示例
2018/06/06 PHP
JSON.stringify 语法实例讲解
2012/03/14 Javascript
JS字符串截取函数实例
2013/12/27 Javascript
JQuery点击事件回到页面顶部效果的实现代码
2016/05/24 Javascript
JavaScript自定义文本框光标
2017/03/05 Javascript
canvas仿iwatch时钟效果
2017/03/06 Javascript
jQuery实现可兼容IE6的淡入淡出效果告警提示功能示例
2017/09/20 jQuery
js 实现ajax发送步骤过程详解
2019/07/25 Javascript
js+html实现点名系统功能
2019/11/05 Javascript
JavaScript实现左右滚动电影画布
2020/02/06 Javascript
[01:51]2014DOTA2国际邀请赛 这个赛场没有失败者VGTi5再见
2014/07/23 DOTA
python paramiko实现ssh远程访问的方法
2013/12/03 Python
浅谈用VSCode写python的正确姿势
2017/12/16 Python
numpy linalg模块的具体使用方法
2019/05/26 Python
搭建python django虚拟环境完整步骤详解
2019/07/08 Python
Python实现Mysql数据统计及numpy统计函数
2019/07/15 Python
基于python3生成标签云代码解析
2020/02/18 Python
python程序如何进行保存
2020/07/03 Python
求高于平均分的学生学号及成绩
2016/09/01 面试题
大整数数相乘的问题
2012/07/22 面试题
sealed修饰符是干什么的
2012/10/23 面试题
俄语专业毕业生推荐信
2013/10/28 职场文书
代办委托书怎么写
2014/08/01 职场文书
高中运动会前导词
2015/07/20 职场文书
保险公司增员口号
2015/12/25 职场文书
python实现web邮箱扫描的示例(附源码)
2021/03/30 Python
html+css实现赛博朋克风格按钮
2021/05/26 HTML / CSS
MySQL中的引号和反引号的区别与用法详解
2021/10/24 MySQL
windows server2008 开启端口的实现方法
2022/06/25 Servers