首页 > 代码库 > 解决IE浏览器IFrame对象内存不释放问题

解决IE浏览器IFrame对象内存不释放问题

2024-07-12 05:52:44   223人阅读

最近项目组发现在使用showModalDialog弹出窗体中如果包含IFrame对象，则IFrame对象占用的内存资源在窗体关闭后不会释放。弹出关闭反复多次后，IE浏览器内存占用可超过数百M，严重时IE浏览器报错，且无法关闭，只能通过杀进程的方式重启浏览器。经测试，使用open方式弹出也存在该问题。

在IE8浏览器中，open和showModalDialog弹出的内存占用有差异：

open方式弹出的窗体占用的是一个独立的iexplorer.exe进程；

showModalDialog方式弹出的窗体使用和父窗体相同的iexplorer.exe进程；

经过搜索，发现解决办法是在窗体关闭前，从窗体中删除IFrame对象，代码如下：

<span style="font-size:18px">var el = document.getElementById("scanIf");el.src="";el.contentWindow.document.write(‘‘);el.contentWindow.document.clear();var p = el.parentNode;p.removeChild(el);</span>

但是测试的时候，发现有两个限制：

1. el.src可能还没有执行完，就执行后面的语句，如果IFrame中包含的是跨域内容，则会提示没有权限；

2. 窗体关闭的比脚本执行的快，内存仍然没有释放；

经过修改，最终脚本如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE></TITLE><BODY onbeforeunload="return unloadHandler();"><IFRAME id="scanIf" width="800px" height="600px" srchttp://www.mamicode.com/= "http://www.baidu.com"></IFRAME><SCRIPT type="text/javascript">function unloadHandler(notip) {	// 取消窗口关闭时的监听事件	document.getElementsByTagName("BODY")[0].onbeforeunload = null;	var el = document.getElementById("scanIf");	if (el) {		el.srchttp://www.mamicode.com/= "";		setTimeout(cycleClear, 100);		return "提示：请点击取消按钮，当前窗口会自动关闭。";	}	return true;}function cycleClear() {	try {		var el = document.getElementById("scanIf");		if (el) {			el.contentWindow.document.write(‘‘);			el.contentWindow.document.clear();			var p = el.parentNode;			p.removeChild(el);		}		window.close();	} catch (e) {		setTimeout(cycleClear, 100);	}}//window.onunload = unloadHandler;</SCRIPT><input type="button" value="http://www.mamicode.com/remove" onclick="unloadHandler();"></BODY></HTML>

　　


联系
我们