解决iframe子元素高不占位的问题

解决iframe子元素高不占位的问题

父元素

 <div class="jiaoji_box" style="width:1000px;margin:0 auto;">

      		<c:if test="${paramreslibs==null||paramreslibs==''||fn:contains(paramreslibs, '1') }">
				<iframe  id="iframe_res_1" src="" width="1000"frameborder="0"  scrolling="no"></iframe>
			</c:if>
	        <c:if test="">
	            <iframe id="iframe_res_3" src=""width="1000"  frameborder="0" scrolling="no"></iframe>
	        </c:if>
	 		<c:if test=">
				<iframe id="iframe_res_4" src=""width="1000" frameborder="0" scrolling="no"></iframe>
			</c:if>
			<c:if test=">
				<iframe  id="iframe_res_5" src="" width="1000"  frameborder="0" scrolling="no"></iframe>
			</c:if>
			
        </div>

子元素中加上这段代码

<script language="javascript">
	var ctx="${ctx}";
	$(document).ready(function(){
		var main = $(window.parent.document).find("#iframe_res_5");//找到iframe对象
		if($(document.body).height()==0){
			main.height(0);
		}else{
			var thisheight = $(document.body).height()+15;	
			main.height(thisheight);
		}
	});
</script>
//替换里面的id即可