教你用jquery实现iframe自适应高度


Posted in Javascript onJune 11, 2014

iframe代码,注意要写ID

<iframe src="test.html" id="main" width="700" height="300" frameborder="0" scrolling="auto"></iframe>

jquery代码一:

//注意:下面的代码是放在test.html调用 
$(window.parent.document).find("#main").load(function(){ 
var main = $(window.parent.document).find("#main"); 
var thisheight = $(document).height()+30; 
main.height(thisheight); 
});

jquery代码二:

//注意:下面的代码是放在和iframe同一个页面调用 
$("#main").load(function(){ 
var mainheight = $(this).contents().find("body").height()+30; 
$(this).height(mainheight); 
});
Javascript 相关文章推荐
JQuery Tips(4) 一些关于提高JQuery性能的Tips
Dec 19 Javascript
由点击页面其它地方隐藏div所想到的jQuery的delegate
Aug 29 Javascript
JavaScript使用循环和分割来替换和删除元素实例
Oct 13 Javascript
javascript函数式编程实例分析
Apr 25 Javascript
jquery实现用户信息修改验证输入方法汇总
Jul 18 Javascript
javascript 用函数实现继承详解
May 28 Javascript
Javascript 动态改变imput type属性
Nov 01 Javascript
浅谈jquery页面初始化的4种方式
Nov 27 Javascript
详解Vue前端对axios的封装和使用
Apr 01 Javascript
详解滑动穿透(锁body)终极探索
Apr 16 Javascript
小程序如何使用分包加载的实现方法
May 22 Javascript
Angular8基础应用之表单及其验证
Aug 11 Javascript
浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
Jun 11 #Javascript
控制文字内容的显示与隐藏示例
Jun 11 #Javascript
用js一次改变多个input的readonly属性值的方法
Jun 11 #Javascript
jQuery队列操作方法实例
Jun 11 #Javascript
JS生成不重复随机数组的函数代码
Jun 10 #Javascript
JS 在指定数组中随机取出N个不重复的数据
Jun 10 #Javascript
JS生成随机字符串的多种方法
Jun 10 #Javascript
You might like
全国FM电台频率大全 - 8 黑龙江省
2020/03/11 无线电
PHP分页类集锦
2014/11/18 PHP
php获取数组元素中头一个数组元素值的实现方法
2014/12/20 PHP
jQuery live
2009/05/15 Javascript
基于jQuery的遍历同id元素 并响应事件的代码
2012/06/14 Javascript
jquery $.each() 使用小探
2013/08/23 Javascript
浅谈checkbox的一些操作(实战经验)
2013/11/20 Javascript
jquery 自定义容器下雨效果可将下雨图标改为其他
2014/04/23 Javascript
生成二维码方法汇总
2014/12/26 Javascript
Lab.js初次使用笔记
2015/02/28 Javascript
JavaScript中操作字符串之localeCompare()方法的使用
2015/06/06 Javascript
js实现Select列表各项上移和下移的方法
2015/08/14 Javascript
JS自定义函数对web前端上传的文件进行类型大小判断
2016/10/19 Javascript
关于foreach循环中遇到的问题小结
2017/05/08 Javascript
promise处理多个相互依赖的异步请求(实例讲解)
2017/08/03 Javascript
node+express+ejs使用模版引擎做的一个示例demo
2017/09/18 Javascript
Vue2.0仿饿了么webapp单页面应用详细步骤
2018/07/08 Javascript
原生JS实现萤火虫效果
2020/03/07 Javascript
基于better-scroll 实现歌词联动功能的代码
2020/05/07 Javascript
vue3.0实现插件封装
2020/12/14 Vue.js
python函数形参用法实例分析
2015/08/04 Python
解决Python数据可视化中文部分显示方块问题
2020/05/16 Python
Python中的特殊方法以及应用详解
2020/09/20 Python
python如何获得list或numpy数组中最大元素对应的索引
2020/11/16 Python
python实现MySQL指定表增量同步数据到clickhouse的脚本
2021/02/26 Python
10个最常见的HTML5面试题 附答案
2016/06/06 HTML / CSS
加拿大时尚床上用品零售商:QE Home | Quilts Etc
2018/01/22 全球购物
管理信息系学生的自我评价
2014/01/11 职场文书
六查六看自查材料
2014/02/17 职场文书
2015年销售助理工作总结
2015/05/11 职场文书
推销搭讪开场白
2015/05/28 职场文书
最美乡村教师观后感
2015/06/11 职场文书
小学远程教育工作总结
2015/08/13 职场文书
护士自荐信范文(2016推荐篇)
2016/01/28 职场文书
Java 超详细讲解hashCode方法
2022/04/07 Java/Android
html用代码制作虚线框怎么做? dw制作虚线圆圈的技巧
2022/12/24 HTML / CSS