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

最新推荐文章于 2018-10-18 11:08:05 发布

饥餐困免

最新推荐文章于 2018-10-18 11:08:05 发布

阅读量2.1k

点赞数 1

分类专栏： javascript iframe自适应高度 js 文章标签： iframe.height iframe iframe自适应高度 iframe动态url自适应高度

本文链接：https://blog.csdn.net/u014734273/article/details/41846649

版权

js 同时被 3 个专栏收录

2 篇文章 0 订阅

订阅专栏

javascript

1 篇文章 0 订阅

订阅专栏

iframe自适应高度

0 篇文章 0 订阅

订阅专栏

<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>