jquery设置iframe的高度_iframe宽度自适应

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

当页面中有多个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 name=”iframe_title” id=”iframe_title” src=”title.jsp” width=”100%” height=”175″ scrolling=”auto”></iframe>
    <iframe name=”iframe_content” id=”iframe_content” height=”100%” οnlοad=”SetWinHeight(this);” src=”content.jsp” width=”100%” scrolling=”auto”></iframe>

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

原文:http://wenku.baidu.com/link?url=DaJQxy_7o5CiTFibtKHw-ZCIRmyboq3pnzp1pKpxZdF6Fm8j9Zta3x9aKQjiHwMxbIG0QpvO-MozfTVmVOP93XndwLR95m28fDVA8gdB703