欢迎
游客
,
注册
|
登录
|
会员
|
界面
|
简洁版本
|
在线
|
帮助
custbbs
custbbs
科技生活
计算机网络
装载iframe 子页面,自适应高度
本主题被查看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
切换界面...
Default