页面中有个iframe:
复制代码 代码如下:iframe src=’a.html’/iframebutton测试IFRAME泄露/button
其中a.html内容如下：
复制代码 代码如下:!DOCTYPE htmlhtmlheadmeta charset='UTF-8'titleInsert title here/titlescript type='text/javascript' src='https://www.6hehe.com/dnjc/jquery/jquery.min.js'/scriptstyle.hack{/* 1.所有浏览器都有效 */background-color:green;/* 2.IE8~IE10,Opera有效,但是Opera兼容性可以不考虑 */background-color:blue;/* 3.IE9~IE10有效,与2组合，在2中先写针对IE8的，在此条中针对IE9|IE10 */background-color:red9;/* 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/headbody
后缀'9' IE6/IE7/IE8/IE9/IE10都生效后缀'' IE8/IE9/IE10都生效，是IE8/9/10的hack后缀'9' 只对IE9/IE10生效，是IE9/10的hack前缀'*' 对IE7有效前缀'+' 对IE7有效选择器前缀 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 针对IE10有效
复制代码 代码如下:input type=’text’ value=’中文’/inputdiv class=’hack’ /divdiv /divdiv /divspanSPAN/span/body/htmlb.html内容如下：
复制代码 代码如下:!DOCTYPE htmlhtmlheadmeta charset='UTF-8'titleInsert title here/titlescript type='text/javascript' src='https://www.6hehe.com/dnjc/jquery/jquery.min.js'/script/headbodyspanSPAN/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左右。
写法二：按网传写法
复制代码 代码如下:scriptvar 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
您可能感兴趣的文章:jquery不会自动回收xmlHttpRequest对象 导致了内存溢出使用jQuery Ajax功能时需要注意的一个问题(内存溢出)JQuery1.4+ Ajax IE8 内存泄漏问题JQuery Dialog的内存泄露问题解决方法js内存泄露的几种情况详细探讨Javascript 闭包引起的IE内存泄露分析容易造成JavaScript内存泄露几个方面权威JavaScript 中的内存泄露模式关于js内存泄露的一个好例子jQuery内存泄露解决办法