大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE稳定放心使用
原文地址为：
jquery 实现iframe 自适应高度
超级简单的方法，也不用写什么判断浏览器高度、宽度啥的。
下面的两种方法自选其一就行了。一个是放在和iframe同页面的，一个是放在test.html页面的。
注意别放错地方了哦。
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);
});
转载请注明本文地址：
jquery 实现iframe 自适应高度
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/182719.html原文链接：https://javaforall.net
