本文介绍了一种通过JavaScript实现自适应调整iframe高度的方法。当iframe内的内容发生变化时，可以通过调用特定函数自动调整其高度以适应内容。这种方法适用于网页中需要嵌入动态内容的情况。
自适应改变iframe 的高度
//iframe 的内容页面调用此方法 可以在onload 是调用如 ：<body οnlοad="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";
}
//iframe 的内容页面调用此方法 可以在onload 是调用如 ：<body οnlοad="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";
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
