现在的位置: 首页 > 综合 > 正文

关于iframe自适应高度,解决一个iframe动态改变url,改变页面同时解决高度自适应问题

2017年12月03日 ⁄ 综合 ⁄ 共 808字 ⁄ 字号 评论关闭
<iframe  id="iframepage" name="iframepage"   frameBorder=0 scrolling=no width="100%" onLoad="this.height=100" style="min-width: 1110px;" src="XXX.action" >
<span style="font-family: Arial, Helvetica, sans-serif;"></iframe>                                                                                                                                                           <!-- onLoad="this.height = 100"    务必要写,检查高度 -->             </span>
		
<span style="white-space:pre">		</span>

<span style="white-space:pre">		</span><script type="text/javascript">
			//iframe自适应高度,解决了动态更换页面高度无法自适应问题
			function reinitIframe(){
			    var iframe = document.getElementById("iframepage");
			    try{
			    //bHeight 和 dHeight 如果相等,用其一等于iframe.height 即可
			  	//var bHeight = iframe.contentWindow.document.body.scrollHeight;    
			   	var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
			   	//var height = Math.max(bHeight, dHeight);
			    
			    iframe.height =  dHeight;
			    }catch (ex){
			    }
		       }
		   	window.setInterval("reinitIframe()", 200);   //时间控制每隔200毫秒检查当前页面高度以及滚动高度,测试多遍,cpu占用极少,不明显影响程序运行速度
		
		</script>

抱歉!评论已关闭.