iframe動態創建及釋放內存

近期參與一個項目的開發，因為項目是基於瀏覽器的胖client（RIA）應用程序，頁面中大量調用iframe。后期測試發現瀏覽器內存一直居高不下，並且打開iframe頁面越多內存占用越大。在IE系列瀏覽器中尤其明顯。全部打開的iframe頁面即使關閉了。內存使用也沒有明顯的下降。IE瀏覽器在內存占用達到400M左右就變得非常卡。分析發現是iframe沒有釋放造成的，於是對全部已關閉的iframe所占用的內存進行釋放，盡管不能全然釋放。可是iframe內存占用量不會一直增長，整個應用內存使用量控制在150M左右。

/**
 * 動態創建iframe
 * @param dom 創建iframe的容器，即在dom中創建iframe。dom能夠是div、span或者其它標簽。
 * @param src iframe中打開的網頁路徑
 * @param onload iframe載入完后觸發該事件。能夠為空
 * @return 返回創建的iframe對象
*/
function createIframe(dom, src, onload){
	//在document中創建iframe
	var iframe = document.createElement("iframe");
	
	//設置iframe的樣式
	iframe.style.width = '100%';
	iframe.style.height = '100%';
	iframe.style.margin = '0';
	iframe.style.padding = '0';
	iframe.style.overflow = 'hidden';
	iframe.style.border = 'none';
	
	//綁定iframe的onload事件
	if(onload && Object.prototype.toString.call(onload) === '[object Function]'){
		if(iframe.attachEvent){
			iframe.attachEvent('onload', onload);
		}else if(iframe.addEventListener){
			iframe.addEventListener('load', onload);
		}else{
			iframe.onload = onload;
		}
	}
	
	iframe.src = src;
	//把iframe載入到dom以下
	dom.appendChild(iframe);
	return iframe;
}

/**
 * 銷毀iframe，釋放iframe所占用的內存。

 * @param iframe 須要銷毀的iframe對象
*/
function destroyIframe(iframe){
	//把iframe指向空白頁面，這樣能夠釋放大部分內存。
	iframe.src = 'about:blank';
	try{
		iframe.contentWindow.document.write('');
		iframe.contentWindow.document.clear();
	}catch(e){}
	//把iframe從頁面移除
	iframe.parentNode.removeChild(iframe);
}