Discuz!NT
欢迎 游客 , 注册 | 登录 | 会员 | 界面 | 简洁版本 | 在线 | 帮助
custbbs

发表新主题 回复该主题
本主题被查看1809次, 共1个帖子, 1页, 当前为第1页     选择页数: 1      跳转到第   上一主题   下一主题
标题: 装载iframe 子页面,自适应高度
小飞
管理员
UID: 31
来自:
精华: 6
积分: 862
帖子: 814
注册: 2007-8-14 10:33:00
状态: 离线
威望: 18.00
金钱: 186.60 元
只看楼主 2009-03-25 09:01
装载iframe 子页面,自适应高度
这几天刚刚做了这个东西,有网友问到,所以分享一下。
ie6、firefox2 通过,麻烦有ie7的网友测试一下,

由于有其他代码,剖析出来麻烦,截图也麻烦,代码很简单,所以就直接写部分出来好了。

假设主页面有一个div,里面放置一个iframe
<div id="frameBox">
<iframe id="frameWin" src="1.html" name="opWin" style="width:100%; height:100% " frameborder="0"  scrolling="no"></iframe>
</div>

3个菜单链接,分别在iframe加载 1.html、2.html、3.html 三个页面。

3个子页面分别在自己页面加载完window.onload执行
function aa(){ 
      var newHeight = document.body.scrollHeight + 20 + "px";     
      window.parent.document.getElementById("frameBox").style.height = newHeight;
      //以上firefox通过,但是ie6必须加上下面这句,不然iframe高度是改了,但是可见区域没有改
      window.parent.document.getElementById("frameWin").style.height = newHeight;
}

叶子的飘落,是风的追逐?还是树的不挽留···
#1  
发表新主题 回复该主题
本主题被查看1809次, 共1个帖子, 1页, 当前为第1页     选择页数: 1      跳转到第







现在的时间是 2010-09-03 16:52:25

版权所有 custbbs  
         Powered by Discuz!NT 1.0.2655    Copyright © 2001-2010 Comsenz Inc.
Processed in 0 seconds