教你用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 相关文章推荐
asp.net+js 实现无刷新上传解析csv文件的代码
May 17 Javascript
关于Javascript模块化和命名空间管理的问题说明
Dec 06 Javascript
AJAX 网页保留浏览器前进后退等功能
Feb 12 Javascript
javascript重写alert方法的实例代码
Mar 29 Javascript
JavaScript获取当前日期是星期几的方法
Apr 06 Javascript
javascript Slip.js实现整屏滑动的手机网页
Nov 25 Javascript
自己动手制作基于jQuery的Web页面加载进度条插件
Jun 03 Javascript
jQuery实现倒计时重新发送短信验证码功能示例
Jan 12 Javascript
Node.js和Express简单入门介绍
Mar 24 Javascript
jquery加载单文件vue组件的方法
Jun 20 jQuery
angularJs提交文本框数据到后台的方法
Oct 08 Javascript
Vue-cli assets SubDirectory及PublicPath区别详解
Aug 18 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
PHP+DBM的同学录程序(2)
2006/10/09 PHP
用缓存实现静态页面的测试
2006/12/06 PHP
PHP中如何使用session实现保存用户登录信息
2015/10/20 PHP
PHP Smarty模版简单使用方法
2016/03/30 PHP
php通过会话控制实现身份验证实例
2016/10/18 PHP
php中文语义分析实现方法示例
2019/09/28 PHP
JavaScript脚本性能的优化方法
2007/02/02 Javascript
jqPlot Option配置对象详解
2009/07/25 Javascript
Jquery iframe内部出滚动条
2010/02/11 Javascript
jQuery 源码分析笔记(4) Ready函数
2011/06/02 Javascript
jQuery结合HTML5制作的爱心树表白动画
2015/02/01 Javascript
javascript实现 百度翻译 可折叠的分享按钮列表
2015/03/12 Javascript
javaScript给元素添加多个class的简单实现
2016/07/20 Javascript
Javascript for in的缺陷总结
2017/02/03 Javascript
AngularJS ng-repeat指令及Ajax的应用实例分析
2017/07/06 Javascript
Web开发使用Angular实现用户密码强度判别的方法
2017/09/27 Javascript
vue中vee validate表单校验的几种基本使用
2018/06/25 Javascript
详解JavaScript 浮点数运算的精度问题
2019/07/23 Javascript
微信小程序 行的删除和增加操作实现详解
2019/09/29 Javascript
[01:05]主宰至宝剑心之遗
2017/03/16 DOTA
Python数据结构之翻转链表
2017/02/25 Python
python pygame模块编写飞机大战
2018/11/20 Python
Python利用myqr库创建自己的二维码
2020/11/24 Python
HTML5使用drawImage()方法绘制图像
2014/06/23 HTML / CSS
来自世界各地的优质葡萄酒:VineShop24
2018/07/09 全球购物
Edwaybuy西班牙:小米在线商店
2019/12/04 全球购物
社会学专业学生职业规划书
2014/02/07 职场文书
2014年五四青年节活动方案
2014/03/29 职场文书
体育系毕业生求职自荐信
2014/04/16 职场文书
班长竞选演讲稿
2014/04/24 职场文书
白血病募捐倡议书
2014/05/14 职场文书
祖国在我心中演讲稿(小学生)
2014/09/23 职场文书
毕业实习自我鉴定范文2014
2014/09/26 职场文书
驳回起诉民事裁定书
2015/05/19 职场文书
教师节祝酒词
2015/08/11 职场文书
Pytorch中的学习率衰减及其用法详解
2021/06/05 Python