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 相关文章推荐
P3P Header解决Cookie跨域的问题
Mar 12 Javascript
JS自定义功能函数实现动态添加网址参数修改网址参数值
Aug 02 Javascript
jqplot通过ajax动态画折线图的方法及思路
Dec 08 Javascript
一个通过script自定义属性传递配置参数的方法
Sep 15 Javascript
JS实现星星评分功能实例代码(两种方法)
Jun 09 Javascript
JSON字符串和对象相互转换实例分析
Jun 16 Javascript
javascript 判断是否是微信浏览器的方法
Oct 09 Javascript
js querySelector() 使用方法
Dec 21 Javascript
vue.js+Echarts开发图表放大缩小功能实例
Jun 09 Javascript
jQuery zTree 异步加载添加子节点重复问题
Nov 29 jQuery
vue 路由页面之间实现用手指进行滑动的方法
Feb 23 Javascript
详解Vue.js 作用域、slot用法(单个slot、具名slot)
Oct 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中动态HTML的输出技术
2006/10/09 PHP
php array_flip() 删除数组重复元素
2009/01/14 PHP
PHP5 字符串处理函数大全
2010/03/23 PHP
php自动加载机制的深入分析
2013/06/08 PHP
php版微信公众平台开发之验证步骤实例详解
2016/09/23 PHP
PHP实现实时生成并下载超大数据量的EXCEL文件详解
2017/10/23 PHP
Prototype源码浅析 String部分(一)之有关indexOf优化
2012/01/15 Javascript
jquery实现marquee效果(文字或者图片的水平垂直滚动)
2013/01/07 Javascript
chrome下判断点击input上标签还是其余标签的实现方法
2016/09/18 Javascript
JavaScript实现打地鼠小游戏
2020/04/23 Javascript
zTree节点文字过多的处理方法
2017/11/24 Javascript
微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤
2018/09/18 Javascript
JavaScript中break、continue和return的用法区别实例分析
2020/03/02 Javascript
小程序Scroll-view上拉滚动刷新数据
2020/06/21 Javascript
在vue中实现echarts随窗体变化
2020/07/27 Javascript
[02:01]大师之路——DOTA2完美大师赛11月论剑上海
2017/11/06 DOTA
Python实现进程同步和通信的方法
2018/01/02 Python
利用python为运维人员写一个监控脚本
2018/03/25 Python
python3获取两个日期之间所有日期,以及比较大小的实例
2018/04/08 Python
python版本单链表实现代码
2018/09/28 Python
python同步两个文件夹下的内容
2019/08/29 Python
Python操作SQLite数据库过程解析
2019/09/02 Python
利用matplotlib实现根据实时数据动态更新图形
2019/12/13 Python
HTML5标签与HTML4标签的区别示例介绍
2013/07/18 HTML / CSS
Bonami斯洛伐克:购买家具和家居饰品
2019/07/02 全球购物
英国电气世界:Electrical World
2019/09/08 全球购物
德国在线香料制造商:Gewürzland
2020/03/10 全球购物
C#的几个面试问题
2016/05/22 面试题
森林防火工作方案
2014/02/14 职场文书
班主任新年寄语
2014/04/04 职场文书
学习保证书范文
2014/04/30 职场文书
小学生美德少年事迹材料
2014/08/24 职场文书
2015年财政局工作总结
2015/05/21 职场文书
2015年小学体育教师工作总结
2015/10/23 职场文书
2019财务管理制度最新范本!
2019/07/09 职场文书
php实例化对象的实例方法
2021/11/17 PHP