iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是iframe的大小却不像层那样可以“伸缩自如”,所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好,少了更是不行,今天我们就来分享2种使用jquery实现iframe自适应高度的代码

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);
});

最新资讯
5G时代出行业有何变革?自动驾驶和车路协同相辅相成| 新浪5G峰会

5G时代出行业有何变革

过去20年互联网和移动互联网基本解决了出行行业信息流
红杉中国新人民币基金至少筹资22亿美元

红杉中国新人民币基金

知情人士表示,红杉中国正在筹集成立一只人民币基金,规模
现在的蘑菇都能做成皮包了?!

现在的蘑菇都能做成皮

商业生产的真菌皮革很快就会进入市场。那么问题来了,你
1688与淘宝特价版打通背后 阿里“新贸易”战略的逻辑在哪儿?

1688与淘宝特价版打通

“厂货”成了阿里巴巴电商体系今年的重点关注对象。
慧眼卫星发现距离黑洞最近的高速喷流

慧眼卫星发现距离黑洞

9月21日,国际著名期刊《NatureAstronomy》(自然·天文学
粗暴流量的困局中,“内容”成为突破口

粗暴流量的困局中,“内

即便躲过了线下商业长达半年的休克厄运,但线上流量焦虑
最新文章
详解Vue的ref特性的使用

详解Vue的ref特性的使

这篇文章主要介绍了详解Vue的ref特性的使用,文中通过
vue学习笔记之slot插槽基本用法实例分析

vue学习笔记之slot插

这篇文章主要介绍了vue学习笔记之slot插槽基本用法,结
vue跳转方式(打开新页面)及传参操作示例

vue跳转方式(打开新页

这篇文章主要介绍了vue跳转方式(打开新页面)及传参操作,
vue学习笔记之过滤器的基本使用方法实例分析

vue学习笔记之过滤器

这篇文章主要介绍了vue学习笔记之过滤器的基本使用方
js获取本日、本周、本月的时间代码

js获取本日、本周、本

本篇文章给大家分享的内容是利用js如何获取本日、本周
node crawler如何添加promise支持

node crawler如何添加

这篇文章主要介绍了node crawler如何添加promise支持,