<div class="side_left">
<iframe src="left.html" name="leftFrame" id="leftFrame" scrolling="No" width="170px" height="330px" frameborder="0"></iframe>
</div>
<div class="content">
<iframe src="right1.html" name="mainFrame" id="mainFrame" width="740px" frameborder="0" scrolling="no"></iframe>
</div>
典型的,左边菜单点击右边框架显示,先是链接明明指定了target,火狐下却在新窗口中打开。排查了很久,发现犯了个很低级错误没用</iframe>闭合。直接<iframe..../>。IE下没问题,FF不干了....
再就是右边框架随内容自动适应高度的问题。网上很多解决方案,如:
<iframe src="right1.html" name="mainFrame" id="mainFrame" width="740px" frameborder="0" scrolling="no"></iframe>
<script type="text/javascript">
function reinitIframe(){
var iframe = document.getElementById("mainFrame");
try{
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);
iframe.height = height;
}catch (ex){}
}
window.setInterval("reinitIframe()", 200);
</script>
在火狐下,并不能收缩,需要刷新页面,下面方法解决问题:
<iframe id="mainFrame" name="mainFrame" width="100%" onload="this.height=mainFrame.document.body.scrollHeight" frameborder="0" src="index.htm"></iframe>
分享到:
相关推荐
iframe高度自适应代码及演示页面。 适合新手,用到iframe,并且需要高度自适应的人士。 老手自动绕行,又没什么技术含量。。。 解压之后,打开iframe-auto.html之后查看效果. 如果不能查看,检查是否允许执行js
Iframe 高度自适应,js控制Iframe 高度自适应.docx
iframe高度自适应.pdf
iframe包含的页面的高度,兼容性好,iframe高度自适应
NULL 博文链接:https://jxdwuao.iteye.com/blog/1243362
jsp页面iframe高度自适应的js代码.docx
用jquery实现iframe高度自适应实例代码完美兼容多数浏览器
文件为iframe高度自适应的代码demo,能够兼容常用浏览器,项目开发当中我常拿来用
iframe 跨域 自适应高度 模板 iframe 跨域 自适应高度 模板 iframe 跨域 自适应高度 模板
iframe高度自适应,多浏览器兼容 已测试过在ie6,7,8,firefox8,chrom15中通过
通用,可行的iframe高度自适应程序,通过ie6-ie8,ff3.5,opera,google为代表的前大内核的浏览器,可以保证iframe 高度自适应,其中涉及调第三方程序设置站点session
Iframe自动根据类容改变自己的大小,解决Iframe设置高度后无法缩小!拜一个高人所赐,特表示感谢!
iframe自适应高度和宽度
iframe自动适应高度,很难得的资源,很多下载的都是部分浏览器可以用,这个可以兼容360.ie6789等,遨游,火狐。搜狗等浏览器。。亲自测试。
纯JS实现的iframe自适应高度。兼容主流浏览器。
iframe高度自适应及隐藏滚动条的实例详解 在工作中,我们可能会遇到自己公司和其他的公司达成合作关系,从而共同开发某个项目。而这时候,我们可能就需要在自己的网站上嵌入别人做好的页面。而这种情况下,我们一般...
这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...