ifame高度自动适应子页面内容

被这个问题折磨了好久，试了很多方法都不行，总算解决了，记录一下。

<div class="iframe-pro" id="iframe-proid">

    <iframe marginwidth="0" marginheight="0" hspace=0 vspace=0 frameborder="0" name="detail" frameBorder=0 scrolling=no

            src="${base}/detail/${tempId}" onLoad="iFrameHeight()"  width="920" id="detail" ></iframe>

</div>

<script type="text/javascript" language="javascript">

    function iFrameHeight() {

        var ifm = document.getElementById("detail");

        var subWeb = document.frames ? document.frames["detail"].document : ifm.contentDocument;

        if (ifm != null && subWeb != null) {

            ifm.height = subWeb.body.scrollHeight;

            $('#iframe-proid').css({height:ifm.height});

        }

    }

</script>