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 相关文章推荐
使用jquery与图片美化checkbox和radio控件的代码(打包下载)
Nov 11 Javascript
仅Firefox中链接A无法实现模拟点击以触发其默认行为
Jul 31 Javascript
jquery绑定原理 简单解析与实现代码分享
Sep 06 Javascript
js日历功能对象
Jan 12 Javascript
学习JavaScript图片预加载模块
Nov 07 Javascript
ES6新特性八:async函数用法实例详解
Apr 21 Javascript
jQuery Validate 校验多个相同name的方法
May 18 jQuery
jquery.masonry瀑布流效果
May 25 jQuery
vue组件发布到npm简单步骤
Nov 30 Javascript
Vue中的字符串模板的使用
May 17 Javascript
基于layui的table插件进行复选框联动功能的实现方法
Sep 19 Javascript
一起来看看Vue的核心原理剖析
Mar 24 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
php源代码安装常见错误与解决办法分享
2013/05/28 PHP
仿dedecms下拉分页样式修改的thinkphp分页类实例
2014/10/30 PHP
php实现微信发红包功能
2018/07/13 PHP
PHP7.0连接DB操作实例分析【基于mysqli】
2019/09/26 PHP
php让json_encode不自动转义斜杠“/”的方法
2020/04/27 PHP
一段利用WSH获取登录时间的jscript代码
2008/05/11 Javascript
EXTJS记事本 当CompositeField遇上RowEditor
2011/07/31 Javascript
JQuery实现简单验证码提示解决方案
2012/12/20 Javascript
js操作IE浏览器弹出浏览文件夹可以返回目录路径
2014/07/14 Javascript
JS实现窗口加载时模拟鼠标移动的方法
2015/06/03 Javascript
详解JavaScript中的4种类型识别方法
2015/09/14 Javascript
JavaScript实现简单Tip提示框效果
2016/04/20 Javascript
jQuery Ajax 全局调用封装实例代码详解
2016/06/02 Javascript
浅谈JavaScript的内置对象和浏览器对象
2016/06/03 Javascript
Javascript中的arguments对象
2016/06/20 Javascript
使用ionic切换页面卡顿的解决方法
2016/12/16 Javascript
jQuery实现标签页效果实战(4)
2017/02/08 Javascript
angularJs使用$watch和$filter过滤器制作搜索筛选实例
2017/06/01 Javascript
nodeJS微信分享
2017/12/20 NodeJs
详解用JS添加和删除class类名
2019/03/25 Javascript
nodejs中实现修改用户路由功能
2019/05/24 NodeJs
微信小程序实现同时上传多张图片
2020/02/03 Javascript
Python用zip函数同时遍历多个迭代器示例详解
2016/11/14 Python
分析python切片原理和方法
2017/12/19 Python
Python学习之Django的管理界面代码示例
2018/02/10 Python
python实现坦克大战游戏 附详细注释
2020/03/27 Python
Python+OpenCV实现旋转文本校正方式
2020/01/09 Python
HTML5 canvas基本绘图之填充样式实现
2016/06/27 HTML / CSS
Under Armour安德玛荷兰官网:美国高端运动科技品牌
2019/07/10 全球购物
印尼购物网站:iLOTTE
2019/10/16 全球购物
C,C++的几个面试题小集
2013/07/13 面试题
工作失误检讨书范文大全
2014/01/13 职场文书
合作意向书模板
2014/03/31 职场文书
写给医护人员的一封感谢信
2019/09/16 职场文书
2022年四月新番
2022/03/15 日漫
Python学习之迭代器详解
2022/04/01 Python