iframe如何自适应高度，父页面嵌入子页面

Posted 2022-01-31 vieber

代码如下

 var iframe = document.getElementById('iframe');
        setInterval(() => 
            var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
            console.log(iframeWin.document.body.scrollHeight)
            if (iframeWin.document.body) 
                iframe.height = Math.max(iframeWin.document.body.scrollHeight, iframeWin.document.documentElement.scrollHeight);
            
        , 2000);

代码原理

等到iframe里面的内容加载成功以后去获取他的iframe.contentDocument.parentWindow上面的document.body.scrollHeight或者iframeWin.document.documentElement.scrollHeight，看哪个大取哪个
这里用了轮训去一直获取，实际写的时候可以等待页面加载完成去获取就可以了，我这里是做测试就用了setInterval简单一些。