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 相关文章推荐
Save a File Using a File Save Dialog Box
Jun 18 Javascript
jQuery提交多个表单的小例子
Jun 30 Javascript
自己动手实现jQuery Callbacks完整功能代码详解
Nov 25 Javascript
js实现ArrayList功能附实例代码
Oct 29 Javascript
简化版手机端照片预览组件
Apr 13 Javascript
浅谈angular.js中实现双向绑定的方法$watch $digest $apply
Oct 14 Javascript
Javascript 字符串模板的简单实现
Feb 13 Javascript
angular学习之ngRoute路由机制
Apr 12 Javascript
React+react-dropzone+node.js实现图片上传的示例代码
Aug 23 Javascript
jQuery实现图片下载代码
Jul 18 jQuery
JavaScript中0、空字符串、'0'是true还是false的知识点分享
Sep 16 Javascript
前端vue+express实现文件的上传下载示例
Feb 18 Vue.js
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
fetchAll()与mysql_fetch_array()的区别详解
2013/06/05 PHP
Yii输入正确验证码却验证失败的解决方法
2017/06/06 PHP
PHP实现将优酷土豆腾讯视频html地址转换成flash swf地址的方法
2017/08/04 PHP
深入理解PHP的远程多会话调试
2017/09/21 PHP
Gambit vs CL BO3 第三场 2.13
2021/03/10 DOTA
js下弹出窗口的变通
2007/04/18 Javascript
小议javascript 设计模式 推荐
2009/10/28 Javascript
分别用marquee和div+js实现首尾相连循环滚动效果,仅3行代码
2011/09/21 Javascript
简单掌握JavaScript中const声明常量与变量的用法
2016/05/21 Javascript
全面解析Javascript无限添加QQ好友原理
2016/06/15 Javascript
Bootstrap CSS布局之表单
2016/12/17 Javascript
jQuery多选框选择数量限制方法
2017/02/08 Javascript
Centos6.8下Node.js安装教程
2017/05/12 Javascript
微信小程序实现文字跑马灯效果
2020/05/26 Javascript
详解JavaScript的BUG和错误
2018/05/07 Javascript
js实现导航跟随效果
2018/11/17 Javascript
微信小程序开发之转发分享功能
2019/10/22 Javascript
Node.JS发送http请求批量检查文件中的网页地址、服务是否有效可用
2019/11/20 Javascript
微信小程序中插入激励视频广告并获取收益(实例代码)
2019/12/06 Javascript
Nodejs文件上传、监听上传进度的代码
2020/03/27 NodeJs
浅谈python中scipy.misc.logsumexp函数的运用场景
2016/06/23 Python
python定时利用QQ邮件发送天气预报的实例
2017/11/17 Python
详解Python 实现元胞自动机中的生命游戏(Game of life)
2018/01/27 Python
Python处理命令行参数模块optpars用法实例分析
2018/05/31 Python
Python画柱状统计图操作示例【基于matplotlib库】
2018/07/04 Python
Flask框架Flask-Principal基本用法实例分析
2018/07/23 Python
Python实现多态、协议和鸭子类型的代码详解
2019/05/05 Python
python使用pygame模块实现坦克大战游戏
2020/03/25 Python
Python实现转换图片背景颜色代码
2020/04/30 Python
英国在线花园中心:You Garden
2018/06/03 全球购物
StubHub希腊:购买体育赛事、音乐会和剧院门票
2019/08/03 全球购物
Java程序员面试题
2013/07/15 面试题
2014年幼儿园后勤工作总结
2014/11/10 职场文书
2014年财务经理工作总结
2014/12/08 职场文书
人力资源部岗位职责
2015/02/11 职场文书
Spring JPA 增加字段执行异常问题及解决
2022/06/10 Java/Android