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 相关文章推荐
css图片自适应大小
Nov 28 Javascript
20个非常棒的 jQuery 幻灯片插件和教程分享
Aug 23 Javascript
IE6浏览器下resize事件被执行了多次解决方法
Dec 11 Javascript
JavaScript日期对象(Date)基本用法示例
Jan 18 Javascript
原生js实现轮播图的示例代码
Feb 20 Javascript
老生常谈angularjs中的$state.go
Apr 24 Javascript
jQuery validata插件实现方法
Jun 25 jQuery
利用JS如何计算字符串所占字节数示例代码
Sep 13 Javascript
vue2.0实现的tab标签切换效果(内容可自定义)示例
Feb 11 Javascript
React+TypeScript+webpack4多入口配置详解
Aug 08 Javascript
JS实现碰撞检测效果
Mar 12 Javascript
使用node-media-server搭建一个简易的流媒体服务器
Jan 20 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
暴雪前总裁遗憾:没尽早追赶Dota 取消星际争霸幽灵
2020/03/08 星际争霸
php解决约瑟夫环示例
2014/04/09 PHP
搭建自己的PHP MVC框架详解
2017/08/16 PHP
在phpstudy集成环境下的nginx服务器下配置url重写
2019/12/02 PHP
TP5多入口设置实例讲解
2020/12/15 PHP
JS实现两个大数(整数)相乘
2014/04/28 Javascript
用javascript读取xml文件读取节点数据
2014/08/12 Javascript
javascript实现的淘宝旅行通用日历组件用法实例
2015/08/03 Javascript
jQuery获取剪贴板内容的方法
2016/06/16 Javascript
seajs学习教程之基础篇
2016/10/20 Javascript
使用DeviceOne实现微信小程序功能
2016/12/29 Javascript
Angularjs分页查询的实现
2017/02/24 Javascript
深究AngularJS——ng-checked(回写:带真实案例代码)
2017/06/13 Javascript
JavaScript定时器setTimeout()和setInterval()详解
2017/08/18 Javascript
vue权限路由实现的方法示例总结
2018/07/29 Javascript
element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)
2019/01/15 Javascript
vue实现日历备忘录功能
2020/09/24 Javascript
vue简单练习 桌面时钟的实现代码实例
2019/09/19 Javascript
Vue ElementUI实现:限制输入框只能输入正整数的问题
2020/07/31 Javascript
[00:34]TI7不朽珍藏III——地穴编织者不朽展示
2017/07/15 DOTA
跟老齐学Python之画圈还不简单吗?
2014/09/20 Python
Python UnicodeEncodeError: 'gbk' codec can't encode character 解决方法
2015/04/24 Python
通过数据库对Django进行删除字段和删除模型的操作
2015/07/21 Python
opencv python 基于KNN的手写体识别的实例
2018/08/03 Python
Python3+PyInstall+Sciter解决报错缺少dll、html等文件问题
2019/07/15 Python
python实现图片中文字分割效果
2019/07/22 Python
基于Python实现人脸自动戴口罩系统
2020/02/06 Python
服务器端jupyter notebook映射到本地浏览器的操作
2020/04/14 Python
css3绘制百度的小度熊
2018/10/29 HTML / CSS
行政办公室岗位职责
2014/03/18 职场文书
学雷锋活动总结范文
2014/04/25 职场文书
地震捐款简报
2015/07/21 职场文书
安全生产隐患排查制度
2015/08/05 职场文书
2015年秋学期师德师风建设工作总结
2015/10/23 职场文书
党组织关系的介绍信模板
2019/06/21 职场文书
PostgreSQL13基于流复制搭建后备服务器的方法
2022/01/18 PostgreSQL