jquery iframe自适应高度

当页面中有多个iframe时,有时某些iframe的高度可能高出页面的高度便会出现两条甚至跟多条,我现在需要得到的结果是将iframe平铺(上下排列时完全展开并且只有一个页面的滚动条,即iframe自带的滚动条消失),具体的javascript代码如下:
    function SetWinHeight(obj) {
var frm = obj;
var subWeb = document.frames ? document.frames["iframe_content"].document
: frm.contentDocument;
if (frm != null && subWeb != null) {
   frm.height = subWeb.body.scrollHeight;
}
    }


    主要页面代码如下:
   
   


    注:iframe_title为导航栏,是一个jsp页面,上面的按钮利用超链中的target属性指定到iframe中(例:target="iframe_content")按动按钮会在iframe_content显示相应的页面,如果没有这个js处理并且下面的页面高度大于当前浏览器窗口的高度时,就会出现两条滚动条。
    这个js可以获取iframe_content中页面的高度,然后将页面的高度赋值给当前该页面所在的iframe的高度,这样在主页面中就会显示出content.jsp的完整页面(即使高度大于浏览器窗口高度时也不会出现两个滚动条!)。

你可能感兴趣的:(javascript,jquery,前端)