首页 > 代码库 > iframe自适应高度

iframe自适应高度

2024-08-11 15:26:42   221人阅读

iframe自适应高度，实现原理是在iframe页面加载完成后将页面的高度赋值到iframe上。

<iframe id="myIframe" src="http://www.mamicode.com/src.html" style="width:1220px; border:0px;" scrolling="no" onl oad="autoHeight()"></iframe>

function autoHeight() {

    var ifr = document.getElementById(‘myIframe‘);
    ifr.height = (ifr.contentDocument && ifr.contentDocument.body.offsetHeight)
            || (ifr.contentWindow.document.body.scrollHeight);
}

 

iframe自适应高度


联系
我们