iframe自适应高度

一、在页面声明方法：

//设置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