教你用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 相关文章推荐
理解Javascript_01_理解内存分配原理分析
Oct 11 Javascript
jQuery1.5.1 animate方法源码阅读
Apr 05 Javascript
jQuery UI Autocomplete 1.8.16 中文输入修正代码
Apr 16 Javascript
js jquery验证银行卡号信息正则学习
Jan 21 Javascript
JS方法调用括号的问题探讨
Jan 24 Javascript
深入浅析AngularJS和DataModel
Feb 16 Javascript
只要1K 纯JS脚本送你一朵3D红色玫瑰
Aug 09 Javascript
JavaScript轻松创建级联函数的方法示例
Feb 10 Javascript
JS高仿抛物线加入购物车特效实现代码
Feb 20 Javascript
JS实现异步上传压缩图片
Apr 22 Javascript
在vue+element ui框架里实现lodash的debounce防抖
Nov 13 Javascript
JavaScript中时间格式化新思路toLocaleString()
Nov 07 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
消息持续发送的完整例子
2006/10/09 PHP
PHP错误Parse error: syntax error, unexpected end of file in test.php on line 12解决方法
2014/06/23 PHP
微信利用PHP创建自定义菜单的方法
2016/08/01 PHP
javascript学习笔记(七)利用javascript来创建和存储cookie
2011/04/08 Javascript
jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
2013/04/10 Javascript
jquery实现显示已选用户
2014/07/21 Javascript
node.js中的path.sep方法使用说明
2014/12/08 Javascript
JQuery中Text方法用法实例分析
2015/05/18 Javascript
JavaScript检测并限制复选框选中个数的方法
2015/08/12 Javascript
基于jquery实现瀑布流布局
2020/06/28 Javascript
Jquery元素追加和删除的实现方法
2016/05/24 Javascript
jquery中用jsonp实现搜索框功能
2016/10/18 Javascript
javascript常用的设计模式
2017/02/09 Javascript
利用Node.js编写跨平台的spawn语句详解
2017/02/12 Javascript
Vue2.0实现1.0的搜索过滤器功能实例代码
2017/03/20 Javascript
vue轮播图插件vue-awesome-swiper的使用代码实例
2017/07/10 Javascript
使用vue点击li,获取当前点击li父辈元素的属性值方法
2018/09/12 Javascript
Vue 子组件与数据传递问题及注意事项
2019/07/11 Javascript
[01:22:29]真视界:2019年国际邀请赛总决赛
2020/01/29 DOTA
Python中atexit模块的基本使用示例
2015/07/08 Python
深入解析Python中函数的参数与作用域
2016/03/20 Python
python邮件发送smtplib使用详解
2020/06/16 Python
python使用opencv实现马赛克效果示例
2019/09/28 Python
详解Django CAS 解决方案
2019/10/30 Python
Python常用库大全及简要说明
2020/01/17 Python
python 贪心算法的实现
2020/09/18 Python
python实现excel公式格式化的示例代码
2020/12/23 Python
印度和世界各地的精美产品:Ikka Dukka
2018/02/12 全球购物
生物制药毕业生自荐信
2013/10/16 职场文书
毕业生求职信的经典写法
2014/01/31 职场文书
小松树教学反思
2014/02/11 职场文书
致铅球运动员加油稿
2014/02/13 职场文书
班级德育工作实施方案
2014/02/21 职场文书
2014年党员加强作风建设思想汇报
2014/09/15 职场文书
2015应届毕业生求职信范文
2015/03/20 职场文书
创业计划书之烤红薯
2019/09/26 职场文书