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 相关文章推荐
showModalDialog 和 showModelessDialog
Jan 22 Javascript
使用javascript获取flash加载的百分比的实现代码
May 25 Javascript
基于JQuery实现鼠标点击文本框显示隐藏提示文本
Feb 23 Javascript
Javascript 闭包引起的IE内存泄露分析
May 23 Javascript
用jQuery实现的智能隐藏、滑动效果的返回顶部代码
Mar 18 Javascript
JS实现淘宝支付宝网站的控制台菜单效果
Sep 28 Javascript
jquery的checkbox,radio,select等方法小结
Aug 30 Javascript
AngularJS实现星星等级评分功能
Sep 24 Javascript
Bootstrap treeview实现动态加载数据并添加快捷搜索功能
Jan 07 Javascript
Vue中使用方法、计算属性或观察者的方法实例详解
Oct 31 Javascript
一次让你了解全部JavaScript的作用域
Jun 24 Javascript
一文看懂如何简单实现节流函数和防抖函数
Sep 05 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
关于PHP文件的自动运行方法分析
2016/05/13 PHP
php版微信发红包接口用法示例
2016/09/23 PHP
thinkphp框架表单数组实现图片批量上传功能示例
2020/04/04 PHP
JS 添加千分位与去掉千分位的示例
2013/07/11 Javascript
javascript中clone对象详解
2014/12/03 Javascript
JS动态添加Table的TR,TD实现方法
2015/01/28 Javascript
EasyUI学习之Combobox级联下拉列表(2)
2016/12/29 Javascript
Node.js调试技术总结分享
2017/03/12 Javascript
js实现自定义进度条效果
2017/03/15 Javascript
javascript中的面向对象
2017/03/30 Javascript
webpack配置sass模块的加载的方法
2017/07/30 Javascript
vue滚动轴插件better-scroll使用详解
2017/10/17 Javascript
从零开始最小实现react服务器渲染详解
2018/01/26 Javascript
layui问题之模拟select点击事件的实例讲解
2018/08/15 Javascript
详解vue引入子组件方法
2019/02/12 Javascript
javascript实现移动端红包雨页面
2020/06/23 Javascript
[36:37]2014 DOTA2华西杯精英邀请赛5 24 VG VS iG
2014/05/25 DOTA
[47:18]完美世界DOTA2联赛循环赛 IO vs FTD BO2第一场 11.05
2020/11/06 DOTA
Python实现测试磁盘性能的方法
2015/03/12 Python
在Heroku云平台上部署Python的Django框架的教程
2015/04/20 Python
python学习 流程控制语句详解
2016/06/01 Python
解决pyinstaller打包exe文件出现命令窗口一闪而过的问题
2018/10/31 Python
Python深拷贝与浅拷贝用法实例分析
2019/05/05 Python
Django高级编程之自定义Field实现多语言
2019/07/02 Python
Python collections中的双向队列deque简单介绍详解
2019/11/04 Python
python被修饰的函数消失问题解决(基于wraps函数)
2019/11/04 Python
总结30个CSS3选择器
2017/04/13 HTML / CSS
HTML5 3D书本翻页动画的实现示例
2019/08/28 HTML / CSS
英国电子产品购物网站:TobyDeals
2018/07/30 全球购物
生产班组长岗位职责
2014/01/05 职场文书
英文辞职信范文
2015/05/13 职场文书
法人身份证明书
2015/06/18 职场文书
教师素质教育心得体会
2016/01/19 职场文书
暑假开始了,你的暑假学习计划写好了吗?
2019/07/04 职场文书
Winsows11性能如何? win11性能测评多核竟比Win10差了10%
2021/11/21 数码科技
vue实现Toast组件轻提示
2022/04/10 Vue.js