装载iframe 子页面,自适应高度
作者:yangedie 来源:经典论坛 时间:2008-11-20 12:53:00
这几天刚刚做了这个东西,有网友问到,所以分享一下。
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;
}
标签:iframe,框架,自适应高度
0
投稿
猜你喜欢
form的submit方法和submit事件(onsubmit)
2008-09-28 13:29:00
CSS设计之如何让数字字母自动换行
2007-10-19 15:12:00
页面制作中要注意的编码问题
2008-08-11 12:43:00
word-wrap同word-break的区别
2007-10-24 20:08:00
移动网站开发:标记语言
2010-06-08 13:42:00
认识Javascript数组
2009-08-27 15:26:00
内容适应形式
2010-03-18 16:09:00
Oracle时间日期操作方法小结第1/2页
2010-11-29 19:40:00
关于文件命名
2009-09-18 16:29:00
ie和firefox中css自动换行实现方法
2008-04-08 12:49:00
细节设计之美:扩大可操作区域
2009-08-01 11:32:00
手写个小组件(组件入门)asp版
2013-06-01 20:29:25
asp开发Wap中的随笔
2008-05-21 12:56:00
CSS像素图制作攻略
2009-05-19 19:32:00
微软雅黑的设计
2010-02-23 20:36:00
用文本+ASP打造新闻发布系统
2009-02-02 09:31:00
基于jQuery的自动完成插件
2011-02-05 10:55:00
倾斜的鼠标翻转导航制作上的烦恼
2007-06-20 16:39:00
用ASP实现分级权限控制
2008-10-09 13:02:00
在ASP中使用SQL语句之2:用WHERE子句设置查询条件
2009-04-21 13:03:00