自适应改变iframe 的高度

最新推荐文章于 2023-04-12 10:09:10 发布

原创最新推荐文章于 2023-04-12 10:09:10 发布 · 126 阅读

0 ·

CC 4.0 BY-SA版权

学习同时被 2 个专栏收录

27 篇文章

订阅专栏

工作

15 篇文章

订阅专栏

本文介绍了一种通过JavaScript实现自适应调整iframe高度的方法。当iframe内的内容发生变化时，可以通过调用特定函数自动调整其高度以适应内容。这种方法适用于网页中需要嵌入动态内容的情况。

自适应改变iframe 的高度

//iframe 的内容页面调用此方法可以在onload 是调用如：<body onload="Resize()">
function Resize(){
var frame_name="iframeid";
var body_name="main";
if(parent.document.getElementById(frame_name)){
return iframeResizeHeight(frame_name,body_name,0);
}
}

// 自动改变iframe 的高度
function iframeResizeHeight(frame_name,body_name,offset) {
parent.document.getElementById(frame_name).style.height=document.getElementById(body_name).offsetHeight+10+"px";

}