iframe框架自适应

父页面的html结构


父页面的js方法

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

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

你可能感兴趣的:(iframe框架自适应)