IE内存泄露之JQuery html(),append()

最新推荐文章于 2021-06-04 08:25:34 发布

dwc_fly

最新推荐文章于 2021-06-04 08:25:34 发布

阅读量3.6k

点赞数

分类专栏： web_jquery 文章标签： html append ie内存溢出 ie内存

本文链接：https://blog.csdn.net/dwc_fly/article/details/10010703

版权

在使用jQuery的html()和append()方法时，发现在IE浏览器中内存会持续增长，可能导致内存溢出。经测试，该问题在IE7、IE8、IE9中普遍存在，但谷歌浏览器不受影响。通过源码跟踪，发现jQuery.merge()方法在处理包含<script>标签的内容时，可能导致内存增长。暂时的解决方案是避免在html内容中包含<script>标签。

摘要由CSDN通过智能技术生成

最近俺在测试一个Java Web项目时，遇到了一个问题。这个问题对这个项目产生了很大的影响(主要

是项目web的布局框架),所以写下来让大家一起帮帮忙寻找解决之法！

这个问题是在使用Jquery.html()时发现IE的内存成几何的增长，永久没有回落，最后造成IE内存溢出。

以下是根据公司项目内容模拟的场景代码:

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>IE内存增长测试环境</title>
	<script src="jquery-1.10.2.js"></script>
	<script type="text/javascript">
	function test(){
		jQuery.ajaxSetup ({cache:false}) ;
		var v2="";
		v2+="<script src='jquery-1.10.2.js'/>";
		v2+="<script src='jquery-1.10.2.js'/>";
		v2+="<script src='jquery-1.10.2.js'/>";
		v2+="<script src='jquery-1.10.2.js'/>";
		v2+="<script src='jquery-1.10.2.js'/>";
		v2+="<script src='jquery-1.10.2.js'/>";
		v2+="<script src='jquery-1.10.2.js'/>";
		v2+="<script src='jquery-1.10.2.js'/>";
		v2+="<script src='jquery-1.10.2.js'/>";
		v2+="<script src='jquery-1.10.2.js'/>";
		v2+="<script src='jquery-1.10.2.js'/>";
		v2+="<body>加载内容1<br/></body>";
		$("#div").html($("#div").html()+v2);
	}
	</script>
</head>

<body>
	<input type="button" value="load" onClick="test()"/&g