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 相关文章推荐
js跨域和ajax 跨域问题的实现思路
Sep 05 Javascript
javascript的onchange事件与jQuery的change()方法比较
Sep 28 Javascript
JS实现的仿东京商城菜单、仿Win右键菜单及仿淘宝TAB特效合集
Sep 28 Javascript
jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象
Jan 23 Javascript
js以分隔符分隔数组中的元素并转换为字符串的方法
Nov 16 Javascript
jQuery模拟淘宝购物车功能
Feb 27 Javascript
Bootstrap模态框(Modal)实现过渡效果
Mar 17 Javascript
微信小程序之蓝牙的链接
Sep 26 Javascript
微信小程序template模板实例详解
Oct 27 Javascript
Vue封装的可编辑表格插件方法
Aug 28 Javascript
ES6中let、const的区别及变量的解构赋值操作方法实例分析
Oct 15 Javascript
vue 使用localstorage实现面包屑的操作
Nov 16 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
合作指挥官:孟斯克
2020/03/16 星际争霸
php socket方式提交的post详解
2008/07/19 PHP
PHP之生成GIF动画的实现方法
2013/06/07 PHP
从零开始学YII2框架(一)通过Composer安装Yii2框架
2014/08/20 PHP
PHP ADODB生成下拉列表框功能示例
2018/05/29 PHP
一直复略了的一个问题,关于表单重复提交
2007/02/15 Javascript
js 判断 enter 事件
2009/02/12 Javascript
JS跨域代码片段
2012/08/30 Javascript
将json当数据库一样操作的javascript lib
2013/10/28 Javascript
代码触发js事件(click、change)示例应用
2013/12/13 Javascript
js调试系列 初识控制台
2014/06/18 Javascript
JS实现控制表格行文本对齐的方法
2015/03/30 Javascript
Web前端开发工具——bower依赖包管理工具
2016/03/29 Javascript
express文件上传中间件Multer详解
2016/10/24 Javascript
canvas实现十二星座星空图
2017/02/14 Javascript
jQuery遍历节点方法汇总(推荐)
2017/05/13 jQuery
原生javascript实现文件异步上传的实例讲解
2017/10/26 Javascript
解决npm安装Electron缓慢网络超时导致失败的问题
2018/02/06 Javascript
Vue组件全局注册实现警告框的实例详解
2018/06/11 Javascript
React组件对子组件children进行加强的方法
2019/06/23 Javascript
layui 选择列表,打勾,点击确定返回数据的例子
2019/09/02 Javascript
微信小程序wx.request的简单封装
2019/11/13 Javascript
Vue+Vuex实现自动登录的知识点详解
2020/03/04 Javascript
python3实现抓取网页资源的 N 种方法
2017/05/02 Python
python 实现Flask中返回图片流给前端展示
2020/01/09 Python
python中如何使用insert函数
2020/01/09 Python
加拿大大码女装购物网站:Penningtons
2020/12/26 全球购物
德国珠宝和配件商店:Styleserver
2021/02/23 全球购物
党员个人思想汇报
2013/12/28 职场文书
局火灾防控工作方案
2014/05/25 职场文书
预备党员期盼十八届四中全会召开思想汇报
2014/10/17 职场文书
2014年社区卫生工作总结
2014/12/18 职场文书
先进工作者事迹材料
2014/12/23 职场文书
行政人事主管岗位职责
2015/04/11 职场文书
2019年手机市场的调研报告2篇
2019/10/10 职场文书
MySQL的意向共享锁、意向排它锁和死锁
2022/07/15 MySQL