ifram自动获取高度

最新推荐文章于 2024-06-14 15:13:12 发布

嘎嘎滴小菜鸟

最新推荐文章于 2024-06-14 15:13:12 发布

阅读量825

点赞数

分类专栏： WEB前端

本文链接：https://blog.csdn.net/Night_kiss/article/details/51595399

版权

WEB前端专栏收录该内容

11 篇文章 0 订阅

订阅专栏

 
         <script type= 
         "text/javascript" 
         > 
        
         // 计算页面的实际高度，iframe自适应会用到 
        
         function 
           
         calcPageHeight(doc) { 
        
         var 
           
         cHeight = Math.max(doc.body.clientHeight, doc.documentElement.clientHeight) 
        
         var 
           
         sHeight = Math.max(doc.body.scrollHeight, doc.documentElement.scrollHeight) 
        
         var 
           
         height  = Math.max(cHeight, sHeight) 
        
         return 
           
         height 
        
         } 
        
         var 
           
         ifr = document.getElementById( 
         'ifr' 
         ) 
        
         ifr.onload =  
         function 
         () { 
        
         var 
           
         iDoc = ifr.contentDocument || ifr.document 
        
         var 
           
         height = calcPageHeight(iDoc) 
        
         ifr.style.height = height +  
         'px' 
        
         } 
        
         </script>