iframe高度自适应子页面

      最新做的项目采用的iframe，但是在使用bootstrapTable这类高度动态变化时，iframe的高度要么太高要么太低导致页面被遮挡，而且页面也不美观。网上也找了很多方案但是结果都是不太理想，结合其他人的经验总结下自己的这个方法。

        //动态判定iframe页面高度
        function setIframeHeight() {
            var iframe = document.getElementById('mainFrame');// mainFrame为当前的iframe的id
            if (iframe) {
                var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
                if (iframeWin.document.body) {
                    iframe.height = iframeWin.document.body.scrollHeight || iframeWin.document.documentElement.scrollHeight;
                }
            }
        };
        window.onload = function () {
            setIframeHeight(); 
        };
        window.setInterval("setIframeHeight()", 200);