html组件iframe实现动态加载height属性

<iframe src="index.html" name="ifr" width="100%"  scrolling="no" frameborder="0"></iframe>
<script type="text/javascript">
   function adapterHeight() {
       //获取iframe对象
       var ifr = document.getElementsByTagName("iframe")

       for (var i = 0 ; i < ifr.length ; i++){
           //获取iframe里面的body对象
           var body = ifr[i].contentDocument.body
           //获取body的scrollHeight属性
           var height = body.scrollHeight + 50
           //改变iframe的高度
           ifr[i].height = height
           // console.log(height)
       }
   }
   window.onload = function () {
       setInterval("adapterHeight()",200)
   }

</script>