解决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 相关文章推荐
JS清除IE浏览器缓存的方法
Jul 26 Javascript
js中array的sort()方法使用介绍
Feb 20 Javascript
JavaScript中提前声明变量或函数例子
Nov 12 Javascript
CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法
May 12 Javascript
JavaScript获取图片像素颜色并转换为box-shadow显示
Mar 11 Javascript
JavaScript判断浏览器及其版本信息
Jan 20 Javascript
JavaScript使用atan2来绘制箭头和曲线的实例
Sep 14 Javascript
vue实现商城上货组件简易版
Nov 27 Javascript
React Navigation 使用中遇到的问题小结
May 08 Javascript
vue 项目中使用Loading组件的示例代码
Aug 31 Javascript
在微信小程序中使用vant的方法
Jun 07 Javascript
详解基于Vue/React项目的移动端适配方案
Aug 23 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
zf框架的校验器InArray使用示例
2014/03/13 PHP
PHP中的表达式简述
2016/05/29 PHP
PHP+JQUERY操作JSON实例
2017/03/23 PHP
Laravel多域名下字段验证的方法
2019/04/04 PHP
PHP利用百度ai实现文本和图片审核
2019/05/08 PHP
javascript中2个感叹号的用法实例详解
2014/09/04 Javascript
javascript实现时间格式输出FormatDate函数
2015/01/13 Javascript
nodeJS代码实现计算交社保是否合适
2015/03/09 NodeJs
jQuery实现鼠标悬停显示提示信息窗口的方法
2015/04/30 Javascript
全面解析JavaScript的Backbone.js框架中的Router路由
2016/05/05 Javascript
浅谈JavaScript中小数和大整数的精度丢失
2016/05/31 Javascript
HTML5 实现的一个俄罗斯方块实例代码
2016/09/19 Javascript
bootstrap是什么_动力节点Java学院整理
2017/07/14 Javascript
JavaScript时间日期操作实例小结【5个示例】
2018/12/22 Javascript
JS实现点餐自动选择框(案例分析)
2019/12/10 Javascript
浅谈Vue组件单元测试究竟测试什么
2020/02/05 Javascript
单线程JavaScript实现异步过程详解
2020/05/19 Javascript
JavaScript Window浏览器对象模型原理解析
2020/05/30 Javascript
vue实现简易计算器功能
2021/01/20 Vue.js
Python中的random()方法的使用介绍
2015/05/15 Python
分享一下如何编写高效且优雅的 Python 代码
2017/09/07 Python
Flask数据库迁移简单介绍
2017/10/24 Python
Python实现求解括号匹配问题的方法
2018/04/17 Python
python实现逆序输出一个数字的示例讲解
2018/06/25 Python
python 读取鼠标点击坐标的实例
2018/12/29 Python
python中strip(),lstrip(),rstrip()函数的使用讲解
2020/11/17 Python
Python 可视化神器Plotly详解
2020/12/26 Python
临床医学专业学生的自我评价分享
2013/11/21 职场文书
yy结婚证婚词
2014/01/10 职场文书
新春联欢会主持词
2014/03/24 职场文书
开除员工通知
2015/04/22 职场文书
行政介绍信范文
2015/05/04 职场文书
敬老院义诊活动总结
2015/05/07 职场文书
2015年英语教师工作总结
2015/05/20 职场文书
学术研讨会主持词
2015/07/04 职场文书
MySQL 执行数据库更新update操作的时候数据库卡死了
2022/05/02 MySQL