ie下用js反复修改一个img元素的src属性导致内存占用不断增加的问题

ie下用js反复修改一个img元素的src属性导致内存占用不断增加的问题

问题描述:

一个照片墙演示页面,点击缩略图后,弹出一个div窗口显示大图。
该div窗口中有一个img元素,使用 js 不断修改这个img元素的src属性来显示不同的图片。

现在的问题是,在 ie6,7,8 中,ie的内存占用不断增加,即使是反复显示同一个图片,内存占用也增加。
刷新页面后,内存占用下降,因此不是内存泄露,而只是单纯的没有释放图片资源。

ff 下没有这个问题,内存占用不会增加。

不知有没有达人有好办法解决这个问题,谢谢!

比较好的办法就是每次都创建一个新的img标签,并且hide之前的img,好处如下:
1、直接改变src后,网页对图片没有直接的引用,对之前图片的缓存完全交给浏览器来处理,此图片的缓存是不可控的,浏览器可能随时清理掉它,那么当你返回再查看该图片的时候,就需要去重新加载该图片了。
2、创建新的img标签,hide之前的img,那么网页对图片还有直接的引用,浏览器不会去清理掉之前的图片。那么缓存是完全受控的,返回查看时就不需重新加载了。

这个在做大型图片相册时比较有用。

楼主可以看下:

频繁DOM操作问题 - { focus : [ Javascript , Java ] } - JavaEye技术网站 [url]http://yiminghe.iteye.com/blog/349783[/url]

显示下一个之前调用removeChild()删除之前的