教你用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 相关文章推荐
表单项的name命名为submit、reset引起的问题
Dec 22 Javascript
javaScript 简单验证代码(用户名,密码,邮箱)
Sep 28 Javascript
jquery特效 幻灯片效果示例代码
Jul 16 Javascript
JS长整型精度问题实例分析
Jan 13 Javascript
jQuery检测返回值的数据类型
Jul 13 Javascript
JavaScript中三个等号和两个等号的区别(== 和 ===)浅析
Sep 22 Javascript
JS获取IE版本号与HTML设置IE文档模式的方法
Oct 09 Javascript
详解Angular Forms中自定义ngModel绑定值的方式
Dec 10 Javascript
angular6 填坑之sdk的方法
Dec 27 Javascript
深入理解es6块级作用域的使用
Mar 28 Javascript
js判断浏览器的环境(pc端,移动端,还是微信浏览器)
Dec 24 Javascript
Node.js中出现未捕获异常的处理方法
Jun 29 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对字符串的递增运算分析
2010/08/08 PHP
解析PHP中VC6 X86和VC9 X86的区别及 Non Thread Safe的意思
2013/06/28 PHP
php导出csv数据在浏览器中输出提供下载或保存到文件的示例
2014/04/24 PHP
Redis使用Eval多个键值自增的操作实例
2016/11/04 PHP
JavaScript函数模式详解
2014/11/07 Javascript
jquery制作图片时钟特效
2020/03/30 Javascript
AngularJS中transclude用法详解
2016/11/03 Javascript
AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题
2017/01/21 Javascript
Bootstrap Multiselect 常用组件实现代码
2017/07/09 Javascript
vue 做移动端微信公众号采坑经验记录
2018/04/26 Javascript
JS数组去重常用方法实例小结【4种方法】
2018/05/28 Javascript
详解JSON和JSONP劫持以及解决方法
2019/03/08 Javascript
NodeJS http模块用法示例【创建web服务器/客户端】
2019/11/05 NodeJs
iSlider手机端图片滑动切换插件使用详解
2019/12/24 Javascript
jQuery 移除事件的方法
2020/06/20 jQuery
SpringBoot+Vue 前后端合并部署的配置方法
2020/12/30 Vue.js
[08:06]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant 选手采访
2021/03/11 DOTA
在Linux中通过Python脚本访问mdb数据库的方法
2015/05/06 Python
Python网络爬虫与信息提取(实例讲解)
2017/08/29 Python
Python 判断奇数偶数的方法
2018/12/20 Python
python 中如何获取列表的索引
2019/07/02 Python
简单了解python中的与或非运算
2019/09/18 Python
Python操作SQLite/MySQL/LMDB数据库的方法
2019/11/07 Python
Python2与Python3的区别点整理
2019/12/12 Python
TensorFlow tf.nn.max_pool实现池化操作方式
2020/01/04 Python
浅谈ROC曲线的最佳阈值如何选取
2020/02/28 Python
python爬虫使用requests发送post请求示例详解
2020/08/05 Python
50个强大璀璨的CSS3/JS技术运用实例
2010/02/27 HTML / CSS
Lacoste美国官网:经典POLO衫品牌
2016/10/12 全球购物
博柏利美国官方网站:Burberry美国
2020/11/19 全球购物
亲子拓展活动方案
2014/02/20 职场文书
毕业班联欢会主持词
2014/03/27 职场文书
劳模先进事迹材料
2014/12/24 职场文书
王亚平太空授课观后感
2015/06/12 职场文书
导游词之苏州盘门景区
2019/11/12 职场文书
python通配符之glob模块的使用详解
2021/04/24 Python