关于IFRAME 自适应高度的研究


Posted in Javascript onJuly 20, 2006

关于IFRAME 自适应高度的研究——之前自己也碰到过这个问题,为了得到答案去网上搜索,发现有不少人也遇到了这样的问题,现在就把解决方法共享一下。

重要提示:src=中你必须填写的网页地址,一定要和本页面在同一个站点上,否则,会抱错,说“拒绝访问!”

之前自己也碰到过这个问题,为了得到答案去网上搜索,发现有不少人也遇到了这样的问题,现在就把解决方法共享一下
超简单哦 

1、建立一个bottom.js的文件,然后输入下面的代码(只有两行哦)

parent.document.all("框架ID名").style.height=document.body.scrollHeight;
parent.document.all("框架ID名").style.width=document.body.scrollWidth;

这里的 框架ID名 就是Iframe的ID,比如:
<IFRAME id="框架ID名" name="left" frameBorder=0 scrolling=no src="XXX.asp" width="100%"></IFRAME>

2、给你网站里所有的被包含文件里面每个都加入
<script language = "JavaScript" src = "bottom.js"/></script>

3、OK,收工!

我在WINXP、IE6下面测试通过。很简单吧!

Javascript 相关文章推荐
Extjs EditorGridPanel中ComboBox列的显示问题
Jul 04 Javascript
图片img的src不变让浏览器重新加载实现方法
Mar 29 Javascript
JS中的prototype与面向对象的实例讲解
May 22 Javascript
javaScript NameSpace 简单说明介绍
Jul 18 Javascript
css与javascript跨浏览器兼容性总结
Sep 15 Javascript
多种js图片预加载实现方式分享
Feb 19 Javascript
Node.js开发第三方微信公众平台
Jun 05 Javascript
bootstrap timepicker在angular中取值并转化为时间戳
Jun 13 Javascript
Vue2.0利用vue-resource上传文件到七牛的实例代码
Jul 28 Javascript
Node.js + express基本用法教程
Mar 14 Javascript
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
May 14 Javascript
react实现同页面三级跳转路由布局
Sep 26 Javascript
怎么用javascript进行拖拽
Jul 20 #Javascript
繁简字转换功能
Jul 19 #Javascript
Javascript - HTML的request类
Jul 15 #Javascript
表单的一些基本用法与技巧
Jul 15 #Javascript
popdiv
Jul 14 #Javascript
游戏人文件夹程序 ver 4.03
Jul 14 #Javascript
游戏人文件夹程序 ver 3.0
Jul 14 #Javascript
You might like
Linux下ZendOptimizer的安装与配置方法
2007/04/12 PHP
php简单实现发送带附件的邮件
2015/06/10 PHP
常用的php图片处理类(水印、等比缩放、固定高宽)分享
2015/06/19 PHP
PHP实现通过URL提取根域名
2016/03/31 PHP
PHP构造二叉树算法示例
2017/06/21 PHP
laravel手动创建数组分页的实现代码
2018/06/07 PHP
laravel框架中视图的基本使用方法分析
2019/11/23 PHP
解javascript 混淆加密收藏
2009/01/16 Javascript
原生Js实现元素渐隐/渐现(原理为修改元素的css透明度)
2013/06/24 Javascript
js定时调用方法成功后并停止调用示例
2014/04/08 Javascript
Nodejs sublime text 3安装与配置
2014/06/19 NodeJs
jQuery中wrapAll()方法用法实例
2015/01/16 Javascript
JS输入用户名自动显示邮箱后缀列表的方法
2015/01/27 Javascript
深入理解JavaScript 函数
2016/06/06 Javascript
全面了解javascript三元运算符
2016/06/27 Javascript
JS实现点击事件统计的简单实例
2016/07/10 Javascript
浅谈vue+webpack项目调试方法步骤
2017/09/11 Javascript
基于 Vue 实现一个酷炫的 menu插件
2017/11/14 Javascript
vue2中使用less简易教程
2018/03/27 Javascript
JavaScript实现仿Clock ISO时钟
2018/06/29 Javascript
JavaScript设计模式之缓存代理模式原理与简单用法示例
2018/08/07 Javascript
vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法示例
2019/03/13 Javascript
vue-test-utils初使用详解
2019/05/23 Javascript
[01:32]DOTA2 2015国际邀请赛中国区预选赛第四日战报
2015/05/29 DOTA
python实现统计代码行数的方法
2015/05/22 Python
Python使用min、max函数查找二维数据矩阵中最小、最大值的方法
2018/05/15 Python
Python使用post及get方式提交数据的实例
2019/01/24 Python
python实现的config文件读写功能示例
2019/09/24 Python
德国家具购物网站:Möbel Höffner
2019/08/26 全球购物
罗技英国官方网站:Logitech UK
2020/11/03 全球购物
如何用SQL语句进行模糊查找
2015/09/25 面试题
javascript实现用户必须勾选协议实例讲解
2021/03/24 Javascript
新学期校长寄语
2014/01/18 职场文书
优化经济发展环境工作总结
2015/08/11 职场文书
小程序与后端Java接口交互实现HelloWorld入门
2021/07/09 Java/Android
Vue提供的三种调试方式你知道吗
2022/01/18 Vue.js