`
dingtao
  • 浏览: 55441 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

iframe高度自适应

 
阅读更多

调整iframe的高度使之不出现滚动条是很常见的需求,原来一直用一个函数,后来发现封装的不太好,于是今天优化了一下。

主要的问题是获取iframe本身元素以及获取iframe中文档对象的区别,获取iframe元素只需要用document.getElementById(frameId);,而获取获取文档对象则需要window.frames[frameName].document的方式来获取。

所有针对iframe元素的操作都可以直接过去元素,而与iframe内容相关的各种操作,如获取所包含文档中的一个js变量,要先获取window对象,然后才能执行操作。
[code]

/*  
* 调整iframe的高度以适应所引用网页的高度  
*/  
function iframeResize(frameId, frameName) {   
    var dyniframe   = null;   
    var indexwin    = null;   
    if (document.getElementById){   
        if(!frameId) {   
            frameId = "contentFrame";   
            frameName = "contentFrame";   
        }   
        dyniframe       = document.getElementById(frameId);   
        indexwin        = window;   
        if (dyniframe){   
            var contentHeight = window.frames[frameName].document.body.scrollHeight;   
            dyniframe.height = (!contentHeight || contentHeight < 600) ? 600 : contentHeight;   
        }   
    }   
}

[/code]

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics