码迷,mamicode.com
首页 > 其他好文 > 详细

如何同步iframe与嵌入内容的高度

时间:2017-03-27 21:24:05      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:blog   span   同步   demo   http   function   load   get   cti   

最近频繁的做一些通过iframe在a页面嵌入b页面需求。总结下来,有以下问题需要解决

1.如何同步iframe与嵌入内容的高度

2.将b页面载入到a页面后,如何隐藏掉b页面上的元素,如左导航,顶部导航等等

 

-如何同步iframe与嵌入内容的高度

a)获取由iframe引入的页面高度

 

b)同步引入页面与iframe的高度

 

 demo

  <iframe src="http://jsbin.com/nobefis" id="currentFrame" width="100%" scrolling="no" frameborder="no"></iframe>
  
  <script>
      function resizeFrameHeight(currentFrame){
        if(currentFrame){
          var iframeObj = currentFrame.contentWindowif(iframeObj.document.body){
            currentFrame.height = iframeObj.document.documentElement.scrollHeight || iframeObj.document.body.scrollHeight;
          }
        }
      }
    
      window.onload  = function () {
        resizeFrameHeight(document.getElementById("currentFrame"))
      }
  </script>

 

如何同步iframe与嵌入内容的高度

标签:blog   span   同步   demo   http   function   load   get   cti   

原文地址:http://www.cnblogs.com/mrdooo/p/6628654.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!