IE下使用jQuery重置iframe地址时内存泄露问题解决办法
页面中有个iframe:
<iframe src='a.html'></iframe> <button>测试IFRAME泄露</button>
其中a.html内容如下：
<!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中先写针对IE8的，在此条中针对IE9|IE10 */ background-color:red\9\0; /* 4.IE7有效,与23组合能区分出IE7/IE8/(IE9|IE10) */ +background-color:yellow; } /* 针对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" 只对IE9/IE10生效，是IE9/10的hack
前缀"*" 对IE7有效
前缀"+" 对IE7有效
选择器前缀 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
针对IE10有效
<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内容如下：
<!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>
网上有传，如下写法可降低内存泄露：
var frameDom = $('iframe:eq(0)')[0];
var frameWin = frameDom.contentWindow;
try{
frameWin.document.write('');
frameWin.document.clear();
}catch(e){};
frameDom.src = 'b.html';
那么效果怎样呢？
写法一：直接设置URL
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测试：每切换一次，#leaks增加28左右。
写法二：按网传写法
<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测试：每切换一次，#leaks增加28左右。与写法一并没有什么差别
写法三：
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测试：#leaks平均为 3,与前两种相差巨大
写法四：注意到，写法三中注释了一段代码，去掉注释会怎样？
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;
}
});
此写法与写法3并没有明显差别，每次切换#leaks仍然增加3左右
因此可以得出结论，最好的解决重置iframe地址内存泄露办法就是 把它干掉，再添加一个！
网传不一定靠谱啊
注：本机测试环境为 WIN7 x64 IE9
-
本文向大家介绍解决Tensorflow 内存泄露问题，包括了解决Tensorflow 内存泄露问题的使用技巧和注意事项，需要的朋友参考一下 使用tensorflow进行编程时，经常遇到操作不当，带来的内存泄露问题，这里有一个可以帮助debug问题所在方法： https://stackoverflow.com/questions/51175837/tensorflow-runs-out-of-mem
-
本文向大家介绍Android中Handler引起的内存泄露问题解决办法，包括了Android中Handler引起的内存泄露问题解决办法的使用技巧和注意事项，需要的朋友参考一下 在Android常用编程中，Handler在进行异步操作并处理返回结果时经常被使用。通常我们的代码会这样实现。 但是，其实上面的代码可能导致内存泄露，当你使用Android lint工具的话，会得到这样的警告 看到这里，可能
-
本文向大家介绍ThreadLocal 内存泄露问题？相关面试题，主要包含被问及ThreadLocal 内存泄露问题？时的应答技巧和注意事项，需要的朋友参考一下 ThreadLocalMapThreadLocalThreadLocalThreadLocalMapset()get()remove()ThreadLocalremove()`方法 弱引用介绍： 如果一个对象只具有弱引用，那就类似于可有可无
-
本文向大家介绍IE8 内存泄露(内存一直增长 )的原因及解决办法，包括了IE8 内存泄露(内存一直增长 )的原因及解决办法的使用技巧和注意事项，需要的朋友参考一下 最近开发的时候对页面使用了定时的局部更新，结果在ie6，7和Firefox下，一切正常，而在ie8下过上几个小时就浏览器就崩溃了，显示是内存溢出，我以为是代码写的不好导致内存泄露，但是ie6，7又正常，调查了一下，原来这是ie8的bug
-
本文向大家介绍Jquery $.getJSON 在IE下的缓存问题解决方法，包括了Jquery $.getJSON 在IE下的缓存问题解决方法的使用技巧和注意事项，需要的朋友参考一下 在工作中主页实现Ztree Ztree的数据是后台返回的JSON对象 因为树是固定的所以每次刷新树 $.getJSON 的url都是相同的 问题来了 我修改 或者 新增树节点 然后刷新tree IE竟然毫无变化 在其
-
本文向大家介绍Python跑循环时内存泄露的解决方法，包括了Python跑循环时内存泄露的解决方法的使用技巧和注意事项，需要的朋友参考一下 Python跑循环时内存泄露 今天在用Tensorflow跑回归做测试时，仅仅需要循环四千多次 （补充说一句，我在个人PC上跑的）。运行以后，我就吃饭去了。等我回来后，Console窗口直接亮红了！！！ 此处忘了截图 ，反正就是说Keras出现了什么什么错误。