关于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 相关文章推荐
jquery模拟实现鼠标指针停止运动事件
Jan 12 Javascript
AngularJS ng-controller 指令简单实例
Aug 01 Javascript
使用jQuery的toggle()方法对HTML标签进行显示、隐藏的方法(示例)
Sep 01 Javascript
ng2学习笔记之bootstrap中的component使用教程
Mar 09 Javascript
移动端刮刮乐的实现方式(js+HTML5)
Mar 23 Javascript
JS常用正则表达式总结【经典】
May 12 Javascript
JS组件系列之Gojs组件 前端图形化插件之利器
Nov 29 Javascript
javascript深拷贝、浅拷贝和循环引用深入理解
May 27 Javascript
JS加密插件CryptoJS实现的DES加密示例
Aug 16 Javascript
JS实现可用滑块滑动的缓动图代码
Sep 01 Javascript
JavaScript实现滚动加载更多
Dec 27 Javascript
JS一分钟在github+Jekyll的博客中添加访问量功能的实现
Apr 03 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
PHP 二维数组根据某个字段排序的具体实现
2014/06/03 PHP
PHP实现获取FLV文件的时间
2015/02/10 PHP
PHP使用curl模拟post上传及接收文件的方法
2016/03/04 PHP
smarty学习笔记之常见代码段用法总结
2016/03/19 PHP
Joomla简单判断用户是否登录的方法
2016/05/04 PHP
Smarty保留变量用法分析
2016/05/23 PHP
laravel5创建service provider和facade的方法详解
2016/07/26 PHP
在laravel中使用Symfony的Crawler组件分析HTML
2017/06/19 PHP
thinkphp5框架实现数据库读取的数据转换成json格式示例
2019/10/10 PHP
PHP反射基础知识回顾
2020/09/10 PHP
js 使FORM表单的所有元素不可编辑的示例代码
2013/10/17 Javascript
jquery索引在使用中的一些困惑
2013/10/24 Javascript
PHP配置文件php.ini中打开错误报告的设置方法
2015/01/09 PHP
JS命令模式例子之菜单程序
2016/10/10 Javascript
nodejs中密码加密处理操作详解
2018/03/20 NodeJs
vue实例中data使用return包裹的方法
2018/08/27 Javascript
node(koa2) web应用模块介绍详解
2019/03/29 Javascript
js实现页面多个日期时间倒计时效果
2019/06/20 Javascript
微信小程序动态设置图片大小的方法
2019/11/21 Javascript
解决Vue中的生命周期beforeDestory不触发的问题
2020/07/21 Javascript
js将日期格式转换为YYYY-MM-DD HH:MM:SS
2020/09/18 Javascript
javascript实现简单留言板案例
2021/02/09 Javascript
[01:51]2014DOTA2国际邀请赛 这个赛场没有失败者VGTi5再见
2014/07/23 DOTA
python 随机打乱 图片和对应的标签方法
2018/12/14 Python
利用PyCharm Profile分析异步爬虫效率详解
2019/05/08 Python
使用SQLAlchemy操作数据库表过程解析
2020/06/10 Python
Django限制API访问频率常用方法解析
2020/10/12 Python
微软英国官方网站:Microsoft英国
2016/10/15 全球购物
荷兰DOD药房中文官网:DeOnlineDrogist
2020/12/27 全球购物
经贸日语专业个人求职信范文
2013/12/28 职场文书
六一节目主持词
2014/04/01 职场文书
蓝颜请假条
2014/04/11 职场文书
遗失说明具结保证书
2015/02/26 职场文书
证劵公司反洗钱宣传活动总结
2015/05/08 职场文书
开业庆典嘉宾致辞
2015/08/01 职场文书
保险公司岗前培训工作总结
2015/10/24 职场文书