javascript改变iframe高度导致内存溢出

问题描述

最近在做一个项目需要用到iframe，里面内容高度不一定且改变，今天遇到个问题，如果在iframe中短时间内多次改变该iframe的高度，会导致内存溢出，开始我还以为自己写的方法有问题，后来搜索之后试过多种方式，发现不管是javascript还是jQuery，只要短时间内多次改变iframe的高度，不管是在父窗口还是iframe中，都会导致内存溢出，然后浏览器卡死。下面是一个简单的函数用来改变iframe高度

function parentHeight(add) { var mainheight = $('body').height(); mainheight = mainheight < 865 ? 865 : mainheight; $('#iframeId', parent.document).height(mainheight + add); }

所以有没有一种比较好的方式解决动态改变iframe高度，或者说让iframe自适应内容高度。

问题解答

<iframe name='iFrame1' onload='this.height=iFrame1.document.body.scrollHeight' frameborder='0' src='https://www.haobala.com/wenda/index.htm'></iframe>