js实现iframe自适应子页面的内容高度，子页面高度发生变化也可以同步调整

今天做项目需要用到iframe自适应内容高度，但是页面内容是异步加载的，高度会随内容变化，高度是不一定的，看了很多文章，要不然就是太复杂，一大堆代码看了就头大，也有一行代码的实现的，但是如果碰到js异步加载的内容高度变化后就不能自动调整了，后来看到一段简单的代码，这边引用分享一下：

<iframe src="" class="iframeHeight" name="iframe" width="100%" height="100%" id="searchshow" frameborder="no" scrolling="no"></iframe>

<script type="text/javascript">
function changeHeight() {
//获取子页面内容的高度
var iframeHeight = $(".iframeHeight").contents().find("body").height();
//设置iframe的高度为子页面内容的高度
$(".iframeHeight").height(iframeHeight)
}

window.onload = function() {
//定时获取和设置高度，是为了高度发生变化及时更新，0是毫秒的单位，可以根据需要调整
var intervalChangeHeight = setInterval("changeHeight()",0);
}
</script>

但是这个方法有个问题，后台函数一直在运行，比较消耗资源，这个问题暂时没解决，大家有什么解决方法可以留言分享一下哈