教你用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 相关文章推荐
使用onbeforeunload属性后的副作用
Mar 08 Javascript
使用js如何实现全选与全不选
Dec 30 Javascript
js中生成map对象的方法
Jan 09 Javascript
谈一谈javascript中继承的多种方式
Feb 19 Javascript
jquery操作checkbox火狐下第二次无法勾选的解决方法
Oct 10 Javascript
使用contextMenu插件实现Bootstrap table弹出右键菜单
Feb 20 Javascript
jQuery时间验证和转换为标准格式的时间格式
Mar 06 Javascript
vue初始化动画加载的实例
Sep 01 Javascript
apicloud拉起小程序并传递参数的方法示例
Nov 21 Javascript
JSON.stringify()方法讲解
Jan 31 Javascript
javascript面向对象三大特征之多态实例详解
Jul 24 Javascript
vue 项目引入echarts 添加点击事件操作
Sep 09 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中使用FFMPEG获取视频缩略图和视频总时长实例
2014/05/04 PHP
客户端脚本中常常出现的一些问题和调试技巧
2007/01/09 Javascript
jQuery 跨域访问问题解决方法
2009/12/02 Javascript
Js base64 加密解密介绍
2013/10/11 Javascript
用console.table()调试javascript
2014/09/04 Javascript
JavaScript函数学习总结以及相关的编程习惯指南
2015/11/16 Javascript
jQuery操作基本控件方法实例分析
2015/12/31 Javascript
JavaScript动态生成二维码图片
2016/04/20 Javascript
js弹出框、对话框、提示框、弹窗实现方法总结(推荐)
2016/05/31 Javascript
javascript基础知识
2016/06/07 Javascript
jQuery实现邮箱下拉列表自动补全功能
2016/09/08 Javascript
Ajax+FormData+javascript实现无刷新表单信息提交
2016/10/24 Javascript
微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】
2017/12/05 Javascript
详解extract-text-webpack-plugin 的使用及安装
2018/06/12 Javascript
vue 关闭浏览器窗口的时候,清空localStorage的数据示例
2019/11/06 Javascript
微信小程序实现注册登录功能(表单校验、错误提示)
2019/12/10 Javascript
[05:40]DOTA2荣耀之路6:Wings最后进攻
2018/05/30 DOTA
[02:08]什么藏在DOTA2 TI9“小紫本”里?斧王历险记告诉你!
2019/05/17 DOTA
python cookielib 登录人人网的实现代码
2012/12/19 Python
python比较两个列表是否相等的方法
2015/07/28 Python
通过5个知识点轻松搞定Python的作用域
2016/09/09 Python
Python利用openpyxl库遍历Sheet的实例
2018/05/03 Python
Python socket实现的简单通信功能示例
2018/08/21 Python
详解Python网络框架Django和Scrapy安装指南
2019/04/01 Python
Python+selenium点击网页上指定坐标的实例
2019/07/05 Python
python装饰器原理与用法深入详解
2019/12/19 Python
python实现飞船大战
2020/04/24 Python
如何解决flask修改静态资源后缓存文件不能及时更改问题
2020/08/02 Python
英国最大的运动营养公司之一:LA Muscle
2018/07/02 全球购物
自我评价怎么写正确呢?
2013/12/02 职场文书
党日活动总结
2014/05/07 职场文书
国际会计专业求职信
2014/08/04 职场文书
营销总监岗位职责
2014/09/16 职场文书
深入开展党的群众路线教育实践活动心得体会
2014/11/05 职场文书
预备党员转正意见
2015/06/01 职场文书
用Python创建简易网站图文教程
2021/06/11 Python