最近项目中碰到一个比较严重的问题,系统老是导致浏览器莫名其妙的重启,后来发现是框架中的iframe标签造成的,当切换iframe中的页面时,前一个页面中的无法被完全释放,导致浏览器所占的内存不停的飙升,最终导致浏览器崩溃。
网上找了个解决方法:
var $frame = $j('#mainIframe');
$frame.attr('src', 'about:blank');
$frame[0].contentWindow.document.write('')
$frame[0].contentWindow.document.close();
测试后发现,火狐上有一定作用,但在ie8上却作用很小
后来想到,既然是iframe造成的,那如果我吧整个iframe都删除那总行了吧,于是我改进了一下上面的方法
var $frame = $j('#mainIframe');
if($frame[0]){
$frame.attr('src', 'about:blank');
$frame[0].contentWindow.document.write('')
$frame[0].contentWindow.document.close();
$frame.remove();
}
$j('<iframe id="mainIframe" src="'+url+'" name="mainIFrame" scrolling="no" frameborder="no" border="0" width="100%"></iframe>').appendTo($j('#frameViewBody'));
先将原iframe删除,然后用js动态创建一个iframe,效果果然好很多