js实现iframe自动自适应高度的方法


Posted in Javascript onFebruary 17, 2015

本文实例讲述了js实现iframe自动自适应高度的方法。分享给大家供大家参考。具体如下:

在编写网页的时候,很多时候要用到自动伸缩iframe高度 ,假如ifram中嵌入的是一个列表,那么增加数据后,刷新列表,iframe高度会自动伸长。删除数据后,iframe高度要自动缩短。

将下一段代码拷贝到iframe所在那个html或者jsp页面。在</html>标签后,调用此函数即可。

<script type="text/javascript">
  autoAdjustWindow();
</script>
<script type="text/javascript">
//自动调整iframe的高度,自适应树的展开和收缩
function autoAdjustWindow(){ 
  try{ 
    window.frameElement.height=document.body.scrollHeight;
    window.frameElement.parentElement.height=document.body.scrollHeight;
    window.frameElement.width=document.body.scrollWidth;
   window.frameElement.parentElement.width=document.body.scrollWidth; 
  }catch(e){
 
  }
}
</script>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
jquery的ajax和getJson跨域获取json数据的实现方法
Feb 04 Javascript
javascript跨浏览器的属性判断方法
Mar 16 Javascript
JavaScript更改字符串的大小写
May 07 Javascript
深入浅析同源策略和跨域访问
Nov 26 Javascript
javascript入门之window对象【新手必看】
Nov 22 Javascript
js点击任意区域弹出层消失实现代码
Dec 27 Javascript
Javascript 对cookie操作详解及实例
Dec 29 Javascript
angularjs中ng-attr的用法详解
Dec 31 Javascript
简单实现jQuery级联菜单
Jan 09 Javascript
vue组件 keep-alive 和 transition 使用详解
Oct 11 Javascript
vue中的 $slot 获取插槽的节点实例
Nov 12 Javascript
JavaScript小技巧带你提升你的代码技能
Sep 15 Javascript
js全选实现和判断是否有复选框选中的方法
Feb 17 #Javascript
Jquery树插件zTree用法入门教程
Feb 17 #Javascript
js实现九宫格图片半透明渐显特效的方法
Feb 16 #Javascript
JS+CSS实现Li列表隔行换色效果的方法
Feb 16 #Javascript
JavaScript实现文字与图片拖拽效果的方法
Feb 16 #Javascript
jQuery实现点击图片翻页展示效果的方法
Feb 16 #Javascript
JS+CSS实现可拖动的弹出提示框
Feb 16 #Javascript
You might like
PHP类中Static方法效率测试代码
2010/10/17 PHP
PHP static局部静态变量和全局静态变量总结
2014/03/02 PHP
PHP单例模式详细介绍
2015/07/01 PHP
php基于dom实现的图书xml格式数据示例
2017/02/03 PHP
Ajax中的JSON格式与php传输过程全面解析
2017/11/14 PHP
js string 转 int 注意的问题小结
2013/08/15 Javascript
深入理解JavaScript单体内置对象
2016/06/06 Javascript
vue中渐进过渡效果实现
2016/10/27 Javascript
JavaScript中日常收集常见的10种错误(推荐)
2017/01/08 Javascript
分分钟玩转Vue.js组件(二)
2017/03/01 Javascript
详解Vue.js组件可复用性的混合(mixin)方式和自定义指令
2017/09/06 Javascript
阿里大于短信验证码node koa2的实现代码(最新)
2017/09/07 Javascript
写给小白看的JavaScript异步
2017/11/29 Javascript
使用vue + less 实现简单换肤功能的示例
2018/02/21 Javascript
关于vuejs中v-if和v-show的区别及v-show不起作用问题
2018/03/26 Javascript
[01:15:44]首部DOTA2纪录片今日23时全网上映
2014/03/19 DOTA
Python字符串处理实例详解
2017/05/18 Python
python 限制函数执行时间,自己实现timeout的实例
2019/01/12 Python
python3利用Socket实现通信的方法示例
2019/05/06 Python
Django  ORM 练习题及答案
2019/07/19 Python
详解用Python为直方图绘制拟合曲线的两种方法
2019/08/21 Python
python正则表达式 匹配反斜杠的操作方法
2020/08/07 Python
Python利用Pillow(PIL)库实现验证码图片的全过程
2020/10/04 Python
python 简单的调用有道翻译
2020/11/25 Python
class类在python中获取金融数据的实例方法
2020/12/10 Python
德国网上宠物店:Zoobio
2018/05/23 全球购物
运动会解说词50字
2014/01/18 职场文书
小学毕业演讲稿
2014/04/25 职场文书
歌颂祖国的演讲稿
2014/05/04 职场文书
给校长的建议书500字
2014/05/15 职场文书
优秀本科毕业生自荐信
2014/07/04 职场文书
2014年作风建设心得体会
2014/10/22 职场文书
晋江市委常委班子四风问题整改工作方案
2014/10/26 职场文书
2015年中秋晚会主持稿
2015/07/30 职场文书
nginx简单配置多个server的方法
2021/03/31 Servers
何时使用Map来代替普通的JS对象
2021/04/29 Javascript