iframe自适应高度的实现代码

1、在iframe父窗体中添加js代码：

<script type="text/javascript">
    //自适应iframe高度
    //www.jb200.com
    function iframeResize(iframe) {
        try {
            //var iframe = document.getElementById("contentFrame"); //("contentFrame");
            var idocumentElement = iframe.contentWindow.document.documentElement;
            if (idocumentElement.scrollHeight > 560) {
                iframe.height -= 5;
                iframe.height = idocumentElement.scrollHeight;
            }
            else {
                iframe.height = 560;
            }
        }
        catch (e) {
            window.status = 'Error: ' + e.number + '; ' + e.description;
        }
    }
</script>

2、为嵌在iframe标签添加onload事件：

<iframe id="contentFrame" name="contentFrame" src="About.aspx" width="100%" height="560px" frameborder="0" scrolling="no" onload="iframeResize(this)"></iframe>

经过上述二步操作，即可实现iframe自适应高度了，请大家在主流浏览器严格测试下，有问题大家及时沟通交流。