欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

IE下使用jQuery重置iframe地址時(shí)內(nèi)存泄露問(wèn)題解決辦法

 更新時(shí)間：2015年02月05日 14:54:10   投稿：hebedich  
這篇文章主要介紹了IE下使用jQuery重置iframe地址時(shí)內(nèi)存泄露問(wèn)題解決辦法,需要的朋友可以參考下

頁(yè)面中有個(gè)iframe:

復(fù)制代碼 代碼如下:

 <iframe src='a.html'></iframe>
<button>測(cè)試IFRAME泄露</button>

其中a.html內(nèi)容如下：

復(fù)制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="jquery/jquery.min.js"></script>
<style>
.hack{
 /* 1.所有瀏覽器都有效 */
 background-color:green;
 /* 2.IE8~IE10,Opera有效,但是Opera兼容性可以不考慮 */
 background-color:blue\0;
 /* 3.IE9~IE10有效,與2組合，在2中先寫(xiě)針對(duì)IE8的，在此條中針對(duì)IE9|IE10 */
 background-color:red\9\0;
 /* 4.IE7有效,與23組合能區(qū)分出IE7/IE8/(IE9|IE10) */
 +background-color:yellow;
}
/* 針對(duì)IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
 .hack{
  background-color:pink;
 }
}
 
</style>
</head>
<body>

后綴"\9"  IE6/IE7/IE8/IE9/IE10都生效
后綴"\0"  IE8/IE9/IE10都生效，是IE8/9/10的hack
后綴"\9\0"  只對(duì)IE9/IE10生效，是IE9/10的hack
前綴"*"  對(duì)IE7有效
前綴"+"  對(duì)IE7有效
選擇器前綴 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
   針對(duì)IE10有效

復(fù)制代碼 代碼如下:

<input type='text' value='中文'></input>
<div class='hack' style="width:100px;
 height:100px;"></div>
<div id="1" style="padding:5px;position:relative;background-color:green;margin:10px;border:20px solid red;width:100%;height:200px;">
</div>
<div id="2"></div>
<span>SPAN</span>
</body>
</html>

b.html內(nèi)容如下：

復(fù)制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="jquery/jquery.min.js"></script>
</head>
<body>
<span>SPAN</span>
</body>
</html>

網(wǎng)上有傳，如下寫(xiě)法可降低內(nèi)存泄露：

復(fù)制代碼 代碼如下:

 var frameDom = $('iframe:eq(0)')[0];
 var frameWin = frameDom.contentWindow;
 
 try{
      frameWin.document.write('');
      frameWin.document.clear();
 }catch(e){};
 frameDom.src = 'b.html';

那么效果怎樣呢？

寫(xiě)法一：直接設(shè)置URL

復(fù)制代碼 代碼如下:

var flag = true;
 var frameDom = $('iframe:eq(0)')[0];
 $('button').on('click',function(){
  if(flag){
   var frameDom = $('iframe:eq(0)')[0];
   var frameWin = frameDom.contentWindow;
   /*
   try{
    frameWin.document.write('');
    frameWin.document.clear();
      }catch(e){};
      */
      frameDom.src = 'b.html';
   flag = false;
  }else{
   var frameDom = $('iframe:eq(0)')[0];
   var frameWin = frameDom.contentWindow;
   /*
   try{
    frameWin.document.write('');
    frameWin.document.clear();
      }catch(e){};
      */
      frameDom.src = 'a.html';
   flag = true;
  }
  //$('#console').append(flag ? '切換到a.html':'切換到b.html');
 });

使用sIEve測(cè)試：每切換一次，#leaks增加28左右。

寫(xiě)法二：按網(wǎng)傳寫(xiě)法

復(fù)制代碼 代碼如下:

<script>
 var flag = true;
 var frameDom = $('iframe:eq(0)')[0];
 $('button').on('click',function(){
  if(flag){
       var frameDom = $('iframe:eq(0)')[0];
       var frameWin = frameDom.contentWindow;
       try{
           frameWin.document.write('');
           frameWin.document.clear();
       }catch(e){};
       frameDom.src = 'b.html';
       flag = false;
  }else{
       var frameDom = $('iframe:eq(0)')[0];
       var frameWin = frameDom.contentWindow;
       try{
          frameWin.document.write('');
          frameWin.document.clear();
       }catch(e){};
       frameDom.src = 'a.html';
       flag = true;
  }
  //$('#console').append(flag ? '切換到a.html':'切換到b.html');
 });
</script>

使用sIEve測(cè)試：每切換一次，#leaks增加28左右。與寫(xiě)法一并沒(méi)有什么差別

寫(xiě)法三：

復(fù)制代碼 代碼如下:

var flag = true;
 var frameDom = $('iframe:eq(0)')[0];
 $('button').on('click',function(){
  if(flag){
   /*
   try{
    frameDom.contentWindow.document.write('');
    frameDom.contentWindow.document.clear();
    frameDom.contentWindow.close();
      }catch(e){};
      */
      $('iframe:eq(0)').remove();
      $('body').append("<iframe src='b.html'></iframe>");
   flag = false;
  }else{
   /*
   try{
    frameDom.contentWindow.document.write('');
    frameDom.contentWindow.document.clear();
    frameDom.contentWindow.close();
      }catch(e){};
      */
      $('iframe:eq(0)').remove();
      $('body').append("<iframe src='a.html'></iframe>");
   flag = true;
  }
 });

使用sIEve測(cè)試：#leaks平均為 3,與前兩種相差巨大

寫(xiě)法四：注意到，寫(xiě)法三中注釋了一段代碼，去掉注釋會(huì)怎樣？

復(fù)制代碼 代碼如下:

var flag = true;
 var frameDom = $('iframe:eq(0)')[0];
 $('button').on('click',function(){
  if(flag){
   try{
    frameDom.contentWindow.document.write('');
    frameDom.contentWindow.document.clear();
    frameDom.contentWindow.close();
      }catch(e){};
      $('iframe:eq(0)').remove();
      $('body').append("<iframe src='b.html'></iframe>");
   flag = false;
  }else{
   try{
    frameDom.contentWindow.document.write('');
    frameDom.contentWindow.document.clear();
    frameDom.contentWindow.close();
      }catch(e){};
      $('iframe:eq(0)').remove();
      $('body').append("<iframe src='a.html'></iframe>");
   flag = true;
  }
 });

此寫(xiě)法與寫(xiě)法3并沒(méi)有明顯差別，每次切換#leaks仍然增加3左右

因此可以得出結(jié)論，最好的解決重置iframe地址內(nèi)存泄露辦法就是 把它干掉，再添加一個(gè)！

網(wǎng)傳不一定靠譜啊

注：本機(jī)測(cè)試環(huán)境為 WIN7 x64 IE9

相關(guān)文章

最新評(píng)論