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输出列表实现代码
Sep 12 Javascript
JavaScript中的typeof操作符用法实例
Apr 05 Javascript
用javascript对一个json数组深度赋值示例
Jul 27 Javascript
详解JavaScript中的表单验证
Jun 16 Javascript
jquery实现表格隔行换色效果
Nov 19 Javascript
JS实现刷新父页面不弹出提示框的方法
Jun 22 Javascript
微信小程序 页面跳转和数据传递实例详解
Jan 19 Javascript
基于Cookie常用操作以及属性介绍
Sep 07 Javascript
js实现点击按钮复制文本功能
Jul 20 Javascript
JS集合set类的实现与使用方法示例
Feb 01 Javascript
三剑客:offset、client和scroll还傻傻分不清?
Dec 04 Javascript
Vue如何清空对象
Mar 03 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等比例压缩图片的实例代码
2018/07/26 PHP
Thinkphp整合阿里云OSS图片上传实例代码
2019/04/28 PHP
PHP实现爬虫爬取图片代码实例
2021/03/03 PHP
精通Javascript系列之数值计算
2011/06/07 Javascript
JavaScript之IE的fireEvent方法详细解析
2013/11/20 Javascript
JS判断不能为空实例代码
2013/11/26 Javascript
js导出txt示例代码
2014/01/14 Javascript
页面加载完后自动执行一个方法的js代码
2014/09/06 Javascript
vue与bootstrap实现时间选择器的示例代码
2017/08/26 Javascript
Vue下的国际化处理方法
2017/12/18 Javascript
es6新特性之 class 基本用法解析
2018/05/05 Javascript
JS使用栈判断给定字符串是否是回文算法示例
2019/03/04 Javascript
微信小程序 select 下拉框组件功能
2019/09/09 Javascript
解决Ant Design Modal内嵌Form表单initialValue值不动态更新问题
2020/10/29 Javascript
一起深入理解js中的事件对象
2021/02/06 Javascript
Python实现线程池代码分享
2015/06/21 Python
Python常用的内置序列结构(列表、元组、字典)学习笔记
2016/07/08 Python
python实现图像识别功能
2018/01/29 Python
新年快乐! python实现绚烂的烟花绽放效果
2019/01/30 Python
Python socket实现多对多全双工通信的方法
2019/02/13 Python
tensorflow的计算图总结
2020/01/12 Python
Django与pyecharts结合的实例代码
2020/05/13 Python
python下载的库包存放路径
2020/07/27 Python
如何将json数据转换为python数据
2020/09/04 Python
python操作redis数据库的三种方法
2020/09/10 Python
全面总结使用CSS实现水平垂直居中效果的方法
2016/03/10 HTML / CSS
Tarte Cosmetics官网:美国最受欢迎的化妆品公司之一
2017/08/24 全球购物
GoDaddy英国:全球排名第一的域名注册商
2018/06/08 全球购物
GetYourGuide台湾:预订旅游活动、景点和旅游项目
2019/06/10 全球购物
意大利时尚奢侈品店:D’Aniello Boutique
2021/01/19 全球购物
库房保管员岗位职责
2014/04/07 职场文书
竞选学习委员演讲稿
2014/04/28 职场文书
施工安全生产承诺书
2014/05/23 职场文书
中文专业求职信
2014/06/20 职场文书
超市开业庆典活动策划方案
2014/09/15 职场文书
什么是SOLID
2022/03/24 Javascript