iframe自适应高度

来源：互联网发布：淘宝上的epiphone 编辑：程序博客网时间：2024/06/03 08:15

一、在页面声明方法：

//设置iFrame高度function iFrameHeight(iframeId) { var ifm= document.getElementById(iframeId); var subWeb = document.frames ? document.frames[iframeId].document : ifm.contentDocument; if(ifm != null && subWeb != null) { ifm.height = subWeb.body.scrollHeight; } }

二、在页面iframe的onLoad里进行调用即可。

<div class="span-24 last"> <w:nav type="detail" parameter=""/></div>   <s:hidden name="itemCode" id="itemCode" value=""  /><div  id="rightDiv" class="span-24 last" style="height: 100%;width:100%:right; margin-left: 0em;border:1px solid #cccccc;"><div  id="tabs" class="span-24 last" ><ul><li><a href="#distributeTabDiv" onclick="clickDistributeTabDiv();">占比分析 </a></li><li><a href="#trendTabDiv" onclick="loadTrendTabDiv();">对比分析</a></li></ul><div id="distributeTabDiv" class="span-24 last" style="width: 100%;padding:0em;"><iframe onLoad="iFrameHeight(this.id)"  id="distributeViewIframe" name="distributeViewIframe" src="" scrolling="no" frameborder="0" width="100%" height="100%"></iframe></div><div id="trendTabDiv" class="span-24 last" style="width: 100%;padding:0em;"><iframe onLoad="iFrameHeight(this.id)"  id="trendViewIframe" name="trendViewIframe" src="" scrolling="no" frameborder="0" width="100%" height="100%"></iframe></div></div></div>

参考：http://www.jb51.net/article/15780.htm