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 相关文章推荐
简洁短小的 JavaScript IE 浏览器判定代码
Mar 21 Javascript
js中匿名函数的N种写法
Sep 08 Javascript
js对象关系图 方便dom操作
Mar 18 Javascript
indexOf 和 lastIndexOf 使用示例介绍
Sep 02 Javascript
JS锚点的设置与使用方法
Sep 05 Javascript
JS组件系列之使用HTML标签的data属性初始化JS组件
Sep 14 Javascript
如何实现星星评价(jquery.raty.js插件)
Dec 21 Javascript
Angularjs 实现移动端在线测评效果(推荐)
Apr 05 Javascript
详解有关easyUI的拖动操作中droppable,draggable用法例子
Jun 03 Javascript
15分钟深入了解JS继承分类、原理与用法
Jan 19 Javascript
详解ES7 Decorator 入门解析
Feb 18 Javascript
Vue中keep-alive组件的深入理解
Aug 23 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
PHP的自定义模板引擎
2017/03/24 PHP
JavaScript中变量提升 Hoisting
2012/07/03 Javascript
javascript 中String.match()与RegExp.exec()的区别说明
2013/01/10 Javascript
jquery 删除cookie失效的解决方法
2013/11/12 Javascript
使用jQuery设置disabled属性与移除disabled属性
2014/08/21 Javascript
微信小程序 Toast自定义实例详解
2017/01/20 Javascript
canvas绘制环形进度条
2017/02/23 Javascript
详谈jQuery中的一些正则匹配表达式
2017/03/08 Javascript
JS解析url查询参数的简单代码
2017/08/06 Javascript
Gulp实现静态网页模块化的方法详解
2018/01/09 Javascript
layui按条件隐藏表格列的实例
2019/09/19 Javascript
jQuery 选择器用法基础入门示例
2020/01/04 jQuery
JavaScript实现答题评分功能页面
2020/06/24 Javascript
Python字符串转换成浮点数函数分享
2015/07/24 Python
Python爬虫实现百度图片自动下载
2018/02/04 Python
对python3 urllib包与http包的使用详解
2018/05/10 Python
python内存动态分配过程详解
2019/07/15 Python
python禁用键鼠与提权代码实例
2019/08/16 Python
Python计算信息熵实例
2020/06/18 Python
解决pytorch多GPU训练保存的模型,在单GPU环境下加载出错问题
2020/06/23 Python
一些关于python 装饰器的个人理解
2020/08/31 Python
Python实现树莓派摄像头持续录像并传送到主机的步骤
2020/11/30 Python
HTML5 canvas基本绘图之绘制阴影效果
2016/06/27 HTML / CSS
英国百安居装饰建材网上超市:B&Q
2016/09/13 全球购物
电大毕业自我鉴定
2014/02/03 职场文书
酒店仓管员岗位职责
2014/04/28 职场文书
医院安全生产月活动总结
2014/07/05 职场文书
公司离职证明样本
2014/09/13 职场文书
机关作风建设自查报告及整改措施
2014/10/21 职场文书
2015年党支部书记工作总结
2015/05/21 职场文书
python实现web邮箱扫描的示例(附源码)
2021/03/30 Python
vue+spring boot实现校验码功能
2021/05/27 Vue.js
python基础入门之普通操作与函数(三)
2021/06/13 Python
利用uni-app生成微信小程序的踩坑记录
2022/04/05 Javascript
React四级菜单的实现
2022/04/08 Javascript