iframe自适应高度的实现

最新推荐文章于 2026-01-01 17:43:06 发布

转载最新推荐文章于 2026-01-01 17:43:06 发布 · 345 阅读

文章标签：

#iframe #javascript #function

前端专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个用于调整iframe元素高度的JavaScript函数functionSetWinHeight。该函数能够确保iframe内容完全显示，避免滚动条出现。通过检测iframe内部文档的高度进行自适应调整，并附带了一个使用示例。

//JS函数

function SetWinHeight(obj) 
{ 
var win=obj; 
if (document.getElementById) 
{ 
if (win && !window.opera) 
{ 
if (win.contentDocument && win.contentDocument.body.offsetHeight) 
win.height = win.contentDocument.body.offsetHeight; 
else if(win.Document && win.Document.body.scrollHeight) 
win.height = win.Document.body.scrollHeight; 
} 
} 
}

最后，加入iframe,不能丢掉onload属性，当然了，id也必须也函数中的win匹配

<iframe width="778" align="center" height="200" id="win" name="win" onload="Javascript:SetWinHeight(this)" frameborder="0" scrolling="no" src="1.htm"></iframe>