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 相关文章推荐
Google Suggest ;-) 基于js的动态下拉菜单
Oct 11 Javascript
JS实现遮罩层效果的简单实例
Nov 12 Javascript
jquery数组封装使用方法分享(jquery数组遍历)
Mar 25 Javascript
JS+CSS实现经典的左侧竖向滑动菜单效果
Sep 23 Javascript
详解JavaScript函数
Dec 01 Javascript
JS基础随笔(菜鸟必看篇)
Jul 13 Javascript
关于jquery中动态增加select,事件无效的快速解决方法
Aug 29 Javascript
ionic进入多级目录后隐藏底部导航栏(tabs)的完美解决方案
Nov 23 Javascript
VUE v-model表单数据双向绑定完整示例
Jan 21 Javascript
angular中如何绑定iframe中src的方法
Feb 01 Javascript
vue使用Font Awesome的方法步骤
Feb 26 Javascript
ant design vue中日期选择框混合时间选择器的用法说明
Oct 27 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新手上路(十)
2006/10/09 PHP
Yii2框架使用计划任务的方法
2016/05/25 PHP
php双层循环(九九乘法表)
2017/10/23 PHP
PHP封装的page分页类定义与用法完整示例
2018/12/24 PHP
php装饰者模式简单应用案例分析
2019/10/23 PHP
JS创建优美的页面滑动块效果 - Glider.js
2007/09/27 Javascript
分享20款好玩的jQuery游戏
2011/04/17 Javascript
拉动滚动条加载数据的jquery代码
2012/05/03 Javascript
javascript分页代码实例分享(js分页)
2013/12/13 Javascript
JSON字符串和对象之间的转换详解
2015/05/26 Javascript
JavaScript简单下拉菜单实例代码
2015/09/07 Javascript
盘点javascript 正则表达式中 中括号的【坑】
2016/03/16 Javascript
Nodejs获取网络数据并生成Excel表格
2020/03/31 NodeJs
jQuery右下角悬浮广告实例
2016/10/17 Javascript
jquery表单插件form使用方法详解
2017/01/20 Javascript
vue图片加载与显示默认图片实例代码
2017/03/16 Javascript
使用vue2.0创建的项目的步骤方法
2018/09/25 Javascript
React和Vue中监听变量变化的方法
2018/11/14 Javascript
示例vue 的keep-alive缓存功能的实现
2018/12/13 Javascript
推荐几个不错的console调试技巧实现
2019/12/20 Javascript
python获取文件路径、文件名、后缀名的实例
2018/04/23 Python
详解python 3.6 安装json 模块(simplejson)
2019/04/02 Python
windows系统中Python多版本与jupyter notebook使用虚拟环境的过程
2019/05/15 Python
python pytest进阶之conftest.py详解
2019/06/27 Python
经验丰富程序员才知道的8种高级Python技巧
2020/07/27 Python
matplotlib绘制正余弦曲线图的实现
2021/02/22 Python
九年级家长会邀请函
2014/01/15 职场文书
总裁助理岗位职责
2014/02/17 职场文书
工作保证书范文
2014/04/29 职场文书
办公室主任四风问题对照检查材料思想汇报
2014/09/28 职场文书
庆七一宣传标语
2014/10/08 职场文书
2014年高二班主任工作总结
2014/12/16 职场文书
人事主管岗位职责
2015/02/04 职场文书
大学生毕业个人总结
2015/02/15 职场文书
2015年安全生产工作总结范文
2015/04/02 职场文书
python Tkinter的简单入门教程
2021/04/11 Python