iframe框架自适应

父页面的html结构

<iframe id="mainFrame" src="" onload="iframeLoad()"></iframe>

父页面的js方法

function iframeLoad() { //框架自适应JS onload="iframeLoad()"
        document.getElementById("mainFrame").height=0;
        document.getElementById("mainFrame").height=document.getElementById("mainFrame").contentWindow.document.body.scrollHeight;
    }

该方法自动获取子页面实际页面高度,并将外层的iframe设置成相应高度