教你用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 DOM学习第四章 getElementByTagNames
Feb 19 Javascript
Node.js 去掉种子(torrent)文件里的邪恶信息
Mar 27 Javascript
scroll事件实现监控滚动条并分页显示(zepto.js)
Dec 18 Javascript
函数四种调用模式以及其中的this指向
Jan 16 Javascript
Vue 过渡(动画)transition组件案例详解
Jan 22 Javascript
jQuery实现复选框的全选和反选
Feb 02 Javascript
详解jQuery中关于Ajax的几个常用的函数
Jul 17 jQuery
EasyUI创建人员树的实例代码
Sep 15 Javascript
bootstrap treeview 扩展addNode方法动态添加子节点的方法
Nov 21 Javascript
解决koa2 ctx.render is not a function报错问题
Aug 07 Javascript
利用js-cookie实现前端设置缓存数据定时失效
Jun 18 Javascript
微信小程序按钮点击动画效果的实现
Sep 04 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
PHP5.5和之前的版本empty函数的不同之处
2014/06/13 PHP
PHP json_encode() 函数详解及中文乱码问题
2015/11/05 PHP
解析 thinkphp 框架中的部分方法
2017/05/07 PHP
laravel数据库查询结果自动转数组修改实例
2021/02/27 PHP
javascript与CSS复习(三)
2010/06/29 Javascript
Javascript中的this绑定介绍
2011/09/22 Javascript
给事件响应函数传参数的四种方式小结
2013/12/05 Javascript
浅谈js中的in-for循环
2016/06/28 Javascript
基于Vuejs框架实现翻页组件
2020/06/29 Javascript
Bootstrap modal使用及点击外部不消失的解决方法
2016/12/13 Javascript
js 发布订阅模式的实例讲解
2017/09/10 Javascript
jQuery实现鼠标响应式透明度渐变动画效果示例
2018/02/13 jQuery
使用ngrok+express解决本地环境中微信接口调试问题
2018/02/26 Javascript
Vue组件开发技巧总结
2018/03/04 Javascript
Bootstrap 中data-[*] 属性的整理
2018/03/13 Javascript
JavaScript文本特效实例小结【3个示例】
2018/12/22 Javascript
微信小程序用户拒绝授权的处理方法详解
2019/09/20 Javascript
design vue 表格开启列排序的操作
2020/10/28 Javascript
基于JavaScript实现简单的轮播图
2021/03/03 Javascript
Python使用Flask框架同时上传多个文件的方法
2015/03/21 Python
python中实现迭代器(iterator)的方法示例
2017/01/19 Python
[原创]教女朋友学Python(一)运行环境搭建
2017/11/29 Python
在Python 中实现图片加框和加字的方法
2019/01/26 Python
python实现感知机线性分类模型示例代码
2019/06/02 Python
python 中pyqt5 树节点点击实现多窗口切换问题
2019/07/04 Python
Django之富文本(获取内容,设置内容方式)
2020/05/21 Python
Python pexpect模块及shell脚本except原理解析
2020/08/03 Python
使用phonegap播放音频的实现方法
2017/03/31 HTML / CSS
英国演唱会订票网站:Ticket Selection
2018/03/27 全球购物
北京泡泡网网络有限公司.net面试题
2012/07/17 面试题
金融管理应届生求职信
2014/02/20 职场文书
《雷鸣电闪波尔卡》教学反思
2014/02/23 职场文书
环境监测与治理技术专业求职信
2014/07/06 职场文书
学用政策心得体会
2014/09/10 职场文书
党员应该树立反腐倡廉的坚定意识思想汇报
2014/09/12 职场文书
行政上诉状范文
2015/05/23 职场文书