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 相关文章推荐
可以文本显示的公告栏的js代码
Mar 11 Javascript
jQuery对象和DOM对象使用说明
Jun 25 Javascript
深入浅析JavaScript中的scrollTop
Jul 11 Javascript
AngularJS入门教程之Scope(作用域)
Jul 27 Javascript
微信小程序 Record API详解及实例代码
Sep 30 Javascript
vue使用keep-alive实现数据缓存不刷新
Oct 21 Javascript
Vue头像处理方案小结
Jul 26 Javascript
vue中使用mxgraph的方法实例代码详解
May 17 Javascript
ES6模板字符串和标签模板的应用实例分析
Jun 25 Javascript
ES6基础之数组和对象的拓展实例详解
Aug 22 Javascript
微信小程序实现比较功能的方法汇总(五种方法)
Mar 07 Javascript
详解为什么Vue中不要用index作为key(diff算法)
Apr 04 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实现mysql同步的实现方法
2009/10/21 PHP
基于HTTP长连接的&quot;服务器推&quot;技术的php 简易聊天室
2009/10/31 PHP
PHP 变量的定义方法
2010/01/26 PHP
浅谈PHP中类和对象的相关函数
2017/04/26 PHP
ThinkPHP5框架缓存查询操作分析
2018/05/30 PHP
PHP数组常用函数实例小结
2018/08/20 PHP
PHP应用跨时区功能的实现方法
2019/03/21 PHP
精通Javascript系列之数据类型 字符串
2011/06/08 Javascript
JavaScript创建闭包的两种方式的优劣与区别分析
2015/06/22 Javascript
纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
2015/09/12 Javascript
不得不分享的JavaScript常用方法函数集(上)
2015/12/23 Javascript
基于Bootstrap的Metronic框架实现页面链接收藏夹功能
2016/08/29 Javascript
微信小程序 两种滑动方式(横向滑动,竖向滑动)详细及实例代码
2017/01/13 Javascript
vue.js语法及常用指令
2017/10/29 Javascript
Angularjs按需查询实例代码
2017/10/30 Javascript
js自定义trim函数实现删除两端空格功能
2018/02/09 Javascript
小程序日历控件使用方法详解
2018/12/29 Javascript
p5.js临摹动态图形的方法
2019/10/23 Javascript
详解Python2.x中对Unicode编码的使用
2015/04/03 Python
Python 机器学习库 NumPy入门教程
2018/04/19 Python
Python WSGI的深入理解
2018/08/01 Python
Python3按一定数据位数格式处理bin文件的方法
2019/01/24 Python
Django获取应用下的所有models的例子
2019/08/30 Python
Python单元测试模块doctest的具体使用
2020/02/10 Python
Python StringIO及BytesIO包使用方法解析
2020/06/15 Python
Python实现上下文管理器的方法
2020/08/07 Python
Guess美国官网:美国知名服装品牌
2019/04/08 全球购物
父亲八十大寿答谢词
2014/01/23 职场文书
小学教师读书活动总结
2014/07/08 职场文书
运动会铅球比赛加油稿
2014/09/26 职场文书
2015年元旦晚会活动总结(学生会)
2014/11/28 职场文书
遗失说明具结保证书
2015/02/26 职场文书
信访工作个人总结
2015/03/03 职场文书
超市收银员岗位职责
2015/04/07 职场文书
公司年夜饭通知
2015/04/25 职场文书
讲座开场白台词和结束语
2015/05/29 职场文书