实测iframe自适应高度的两种方法

方案一

<iframe name="myiframe" id="myiframe" src="#" frameborder="0" scrolling="no"></iframe>
<script type="text/javascript" language="javascript">
	$(window.parent.document).find("#myiframe").load(function(){
		var main = $(window.parent.document).find("#myiframe");
		var thisheight = $(document).height()+30;
		main.height(thisheight);
	});
</script>

方案二

拖拽窗口iframe也可以自适应高度

 

<iframe name="myiframe" id="myiframe" src="#" frameborder="0" scrolling="no"></iframe>
<script type="text/javascript" language="javascript">
	function changeFrameHeight(){
		var ifm= document.getElementById("myiframe");
		ifm.height=document.documentElement.clientHeight-56;
	}
	window.onresize=function(){ changeFrameHeight();}
	$(function(){changeFrameHeight();});
</script>

 


本文链接：https://www.chenifan.cn/jishu/73.html

>>免责声明：本网站部分内容来源于互联网或用户投稿，内容版权归原作者所有，文章观点为原作者独立发表，不代表澈逆凡博客立场，不对其真实性、准确性负责！如本站内容侵犯了您的权益，我们也会在第一时间予以删除！
> 实测iframe自适应高度的两种方法