jQuery简单实现iframe的高度根据页面内容自适应的方法


Posted in Javascript onAugust 01, 2016

本文实例讲述了jQuery简单实现iframe的高度根据页面内容自适应的方法。分享给大家供大家参考,具体如下:

方式1:

//注意:下面的代码是放在和iframe同一个页面中调用
$("#iframeId").load(function () {
    var mainheight = $(this).contents().find("body").height() + 30;
    $(this).height(mainheight);
});

方式2:

//注意:下面的代码是放在iframe引用的子页面中调用
$(window.parent.document).find("#iframeId").load(function () {
    var main = $(window.parent.document).find("#iframeId");
    var thisheight = $(document).height() + 30;
    main.height(thisheight);
});

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
javascript 对象的定义方法
Jan 10 Javascript
Javascript仿PHP $_GET获取URL中的参数
May 12 Javascript
兼容最新firefox、chrome和IE的javascript图片预览实现代码
Aug 08 Javascript
JQuery实现图片轮播效果
Sep 15 Javascript
jquery实现九宫格大转盘抽奖
Nov 13 Javascript
谈谈js中的prototype及prototype属性解释和常用方法
Nov 25 Javascript
js实现input密码框提示信息的方法(附html5实现方法)
Jan 14 Javascript
javascript使用递归算法求两个数字组合功能示例
Jan 03 Javascript
JS轮播图实现简单代码
Feb 19 Javascript
微信小程序获取当前位置和城市名
Nov 13 Javascript
nuxt+axios实现打包后动态修改请求地址的方法
Apr 22 Javascript
vue离开当前页面触发的函数代码
Sep 01 Javascript
JQuery之proxy实现绑定代理方法
Aug 01 #Javascript
AngularJS入门教程之ng-checked 指令详解
Aug 01 #Javascript
浅谈JavaScript中面向对象的的深拷贝和浅拷贝
Aug 01 #Javascript
Javascript OOP之面向对象
Jul 31 #Javascript
JavaScript的字符串方法汇总
Jul 31 #Javascript
javascript 数组的正态分布排序的问题
Jul 31 #Javascript
详细谈谈javascript的对象
Jul 31 #Javascript
You might like
第1次亲密接触PHP5(1)
2006/10/09 PHP
php cli换行示例
2014/04/22 PHP
迁移PHP版本到PHP7
2015/02/06 PHP
PHP配置把错误日志以邮件方式发送方法(Windows系统)
2015/06/23 PHP
PHP通过CURL实现定时任务的图片抓取功能示例
2016/10/03 PHP
a标签的css样式四个状态
2021/03/09 HTML / CSS
isArray()函数(JavaScript中对象类型判断的几种方法)
2009/11/26 Javascript
原生js和jquery实现图片轮播淡入淡出效果
2015/04/23 Javascript
浅谈JavaScript中的对象及Promise对象的实现
2015/11/15 Javascript
纯js实现瀑布流布局及ajax动态新增数据
2016/04/07 Javascript
面包屑导航详解
2017/12/07 Javascript
利用10行js代码实现上下滚动公告效果
2017/12/08 Javascript
利用JQUERY实现多个AJAX请求等待的实例
2017/12/14 jQuery
JS温故而知新之变量提升和时间死区
2019/01/27 Javascript
浅谈小程序 setData学问多
2019/02/20 Javascript
解决Vue打包上线之后部分CSS不生效的问题
2019/11/12 Javascript
实例分析JS中的相等性判断===、 ==和Object.is()
2019/11/17 Javascript
微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示功能的实现
2020/07/22 Javascript
ES6字符串的扩展实例
2020/12/21 Javascript
python 容器总结整理
2017/04/04 Python
Python Handler处理器和自定义Opener原理详解
2020/03/05 Python
Python如何使用bokeh包和geojson数据绘制地图
2020/03/21 Python
Gap加拿大官网:Gap Canada
2017/08/24 全球购物
KIEHL’S科颜氏官方旗舰店:源自美国的顶级护肤品牌
2018/06/07 全球购物
英国领先的野生鸟类食品供应商:GardenBird
2018/08/09 全球购物
MAC Cosmetics巴西官方网站:M·A·C彩妆
2019/04/18 全球购物
编写一个类体现构造,公有,私有方法,静态,私有变量
2013/08/10 面试题
知识竞赛拉拉队口号
2014/06/16 职场文书
党员干部民主生活会议批评与自我批评材料
2014/09/20 职场文书
党员对照检查材料
2014/09/22 职场文书
机关作风建设工作总结
2014/10/23 职场文书
大学生见习报告总结
2014/11/04 职场文书
毕业赠语大全
2015/06/23 职场文书
十大冰系宝可梦排名,颜值最高的阿罗拉九尾,第三使用率第一
2022/03/18 日漫
Python 图片添加美颜效果
2022/04/28 Python
Python find()、rfind()方法及作用
2022/12/24 Python