iframe自适应高度的实现

最新推荐文章于 2024-09-14 18:52:56 发布

Coffee_2012

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量307

点赞数

分类专栏：前端文章标签： iframe javascript function

前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

//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" οnlοad="Javascript:SetWinHeight(this)" frameborder="0" scrolling="no" src="1.htm"></iframe>