实测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?#37096;?#20197;自适应高度


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


最后编辑于:2018/08/27作者: 烽烟无限

发表评论

  • 看起来非常厉害的样子,值得学习的地方很多啊,会继续关注博主的

韩国快乐8漏洞
今日福彩开奖 香港六合彩开奖结果 湖南幸运赛车开奖 天津十一选五开奖查询 排列五走势图带线图 昨晚欧洲足球比分 吉林11选5最新玩法 北京快3和值跨度图 香港免费一码中特 江苏e球彩玩法 福彩3d出号固定规律 概率公式 搜狐彩票图表数据 福彩3d预测助手 福利彩票幸运武林