关于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 相关文章推荐
js获取浏览器的可视区域尺寸的实现代码
Nov 30 Javascript
jquery实现简单的轮换出现效果实例
Jul 23 Javascript
JSONP和批量操作功能的实现方法
Aug 21 Javascript
Vue实现购物车功能
Apr 27 Javascript
js浏览器滚动条卷去的高度scrolltop(实例讲解)
Jul 07 Javascript
vuejs父子组件之间数据交互详解
Aug 09 Javascript
vue引入js数字小键盘的实现代码
May 14 Javascript
JavaScript中var、let、const区别浅析
Jun 24 Javascript
微信小程序自定义底部弹出框
Nov 16 Javascript
vue2中引用及使用 better-scroll的方法详解
Nov 15 Javascript
JavaScript闭包与作用域链实例分析
Jan 21 Javascript
js中位数不足自动补位扩展padLeft、padRight实现代码
Apr 06 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 5.3新特性命名空间规则解析及高级功能
2010/03/11 PHP
jQuery 顺便学习下CSS选择器 奇偶匹配nth-child(even)
2010/05/24 Javascript
自写的一个jQuery圆角插件
2010/10/26 Javascript
js由下向上不断上升冒气泡效果实例
2015/05/07 Javascript
基于javascript实现窗口抖动效果
2016/01/03 Javascript
JS实现支持Ajax验证的表单插件
2016/03/24 Javascript
jquery动态切换背景图片的简单实现方法
2016/05/14 Javascript
jQuery实现表格行和列的动态添加与删除方法【测试可用】
2016/08/01 Javascript
webpack+vue.js实现组件化详解
2016/10/12 Javascript
js仿京东轮播效果 选项卡套选项卡使用
2017/01/12 Javascript
vue如何获取点击事件源的方法
2017/08/10 Javascript
Angularjs Promise实例详解
2018/03/15 Javascript
nodejs(officegen)+vue(axios)在客户端导出word文档的方法
2018/07/31 NodeJs
vue组件通信传值操作示例
2019/01/08 Javascript
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
2019/04/14 Javascript
浅谈Vue.use到底是什么鬼
2020/01/21 Javascript
Python实现发送QQ邮件的封装
2017/07/14 Python
python基础教程项目四之新闻聚合
2018/04/02 Python
Python下简易的单例模式详解
2019/04/08 Python
python在新的图片窗口显示图片(图像)的方法
2019/07/11 Python
python实现简单聊天室功能 可以私聊
2019/07/12 Python
django-filter和普通查询的例子
2019/08/12 Python
pytorch torch.nn.AdaptiveAvgPool2d()自适应平均池化函数详解
2020/01/03 Python
基于Tensorflow批量数据的输入实现方式
2020/02/05 Python
HTML5样式控制示例代码
2013/11/27 HTML / CSS
HTML5利用约束验证API来检查表单的输入数据的代码实例
2016/12/20 HTML / CSS
基于canvas的骨骼动画的示例代码
2018/06/12 HTML / CSS
美国环保婴儿用品公司:The Honest Company
2017/11/23 全球购物
英国美发和美容产品商城:HQhair
2019/02/08 全球购物
AJAX的全称是什么
2012/11/06 面试题
室内设计实习自我鉴定
2013/09/25 职场文书
会计学专业求职信
2014/07/17 职场文书
大学生党员自我剖析材料
2014/10/06 职场文书
个人债务授权委托书
2014/10/17 职场文书
劳动争议和解协议书范本
2014/11/20 职场文书
mysql死锁和分库分表问题详解
2021/04/16 MySQL