框架iframe子页面,自适应高度方法
来源:asp之家 时间:2008-06-07 13:31:00
方法一:(by yangedie )
这几天刚刚做了这个东西,有网友问到,所以分享一下。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;
}
就是要吧上面的程序放入框架子页面中。
方法二:(asp之家整理)
这个框架自适应高度代码我一直用,忘记了从哪个网站找的,这个方法就简单多了,框架页面不用设置。如果嵌套多个框架,只要改变其中的:name='test1' 还有 FrameAutoResize('test1'))值即可
标签:框架,iframe,自适应,javascript
0
投稿
猜你喜欢
如何对Oracle8数据库进行维护?
2009-11-20 18:01:00
详解VUE 定义全局变量的几种实现方式
2024-04-27 16:00:16
TensorFlow实现Softmax回归模型
2023-07-14 19:07:51
asp如何用Jmail组件的发送电子邮件?
2010-06-12 12:51:00
如何上传一个.SQL文件到远程主机并且执行它来部署一个SQL数据库
2007-09-23 13:03:00
执行python脚本并传入json数据格式参数方式
2021-12-09 21:22:14
用私有属性来拯救IE7缩放图片的失真
2009-03-03 13:57:00
Go语言数据结构之插入排序示例详解
2024-05-05 09:34:32
利用pyinstaller打包exe文件的基本教程
2022-06-09 12:32:13
新年伊始,看各大网站新春LOGO
2009-01-01 19:35:00
Python 合并拼接字符串的方法
2022-05-26 08:58:08
Anaconda和Pycharm的安装配置教程分享
2022-10-22 07:12:30
pytorch 实现在测试的时候启用dropout
2022-03-16 18:08:22
ASP错误大全
2009-05-26 15:45:00
Python基础语法(Python基础知识点)
2021-03-04 11:10:34
详细介绍Python中的set集合
2023-07-26 07:35:03
在Docker上开始部署Python应用的教程
2023-11-13 12:38:37
Python类和对象基础入门介绍
2022-04-03 12:14:48
JavaScript中layim之整合右键菜单的示例代码
2024-04-18 09:42:29
批量替换 MySQL 指定字段中的字符串
2024-01-18 22:17:23