快捷導(dǎo)航

解決ie img標(biāo)簽內(nèi)存泄漏的問題

更新時(shí)間：2017年10月13日 08:35:43 作者：秋荷雨翔

下面小編就為大家?guī)硪黄鉀Qie img標(biāo)簽內(nèi)存泄漏的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

代碼：

<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>IMG元素內(nèi)存泄露測(cè)試</title>
 <script type="text/javascript" src="jquery-1.7.1.js"></script>
 <script type="text/javascript">
  $(function () {
   var i = 0;
   var t;

   // img標(biāo)簽方式 
   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標(biāo)簽，不改變圖片大小，不會(huì)發(fā)生內(nèi)存泄漏。 -->
 <div id="div">
 </div>
</body>
</html>

釋放img占用內(nèi)存的js代碼：

$("#div").find("img").each(function () {
 $(this).attr("src", "");
 $(this).remove();
});
CollectGarbage();

以上這篇解決ie img標(biāo)簽內(nèi)存泄漏的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

GOJS+VUE實(shí)現(xiàn)流程圖效果
這篇文章主要為大家詳細(xì)介紹了GOJS+VUE實(shí)現(xiàn)流程圖效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-12-12
js 彈出菜單/窗口效果
想象一下，你把一個(gè)重要內(nèi)容放在一個(gè)彈出窗口，又不聚集到這個(gè)窗口。讓使用屏幕閱讀器的同學(xué)情何以堪，只有當(dāng)他們 tab 到這頁面結(jié)束，還繼續(xù) tab，才可能找到這個(gè)彈窗
2011-10-10
JS實(shí)現(xiàn)table表格數(shù)據(jù)排序功能(可支持動(dòng)態(tài)數(shù)據(jù)+分頁效果)
這篇文章主要介紹了JS實(shí)現(xiàn)table表格數(shù)據(jù)排序功能(可支持動(dòng)態(tài)數(shù)據(jù)+分頁效果) 的相關(guān)資料，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友一起看看吧
2016-05-05
在模板頁面的js使用辦法
在使用了母板頁面的項(xiàng)目中使用js獲取其中的標(biāo)簽id 需要先加載到本地看看他在瀏覽時(shí)候的頁面源代碼然后確定他的id
2010-04-04
詳解JavaScript基本類型和引用類型
這篇文章主要介紹了JavaScript基本類型和引用類型，基本類型中還包含了類型轉(zhuǎn)換，感興趣的小伙伴們可以參考一下
2015-12-12
這篇文章主要介紹了javascript數(shù)據(jù)結(jié)構(gòu)之雙鏈表插入排序?qū)崿F(xiàn)方法,較為詳細(xì)的分析了插入排序的原理及雙鏈表插入排序的實(shí)現(xiàn)技巧,對(duì)于學(xué)習(xí)JavaScript數(shù)據(jù)結(jié)構(gòu)具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-11-11

JavaScript/TypeScript中==和===的區(qū)別詳解

這篇文章主要給大家介紹了關(guān)于JavaScript/TypeScript中==和===區(qū)別的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

2022-03-03