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


最后編輯于:2018/08/27作者: 烽煙無限

深圳风采开奖结果查询 双色球专家预测 黑龙江36选7中奖结果 融资融券买股票 网赚兼职网 秒速快三精准计划下载 十河北十一选五走势 电脑单机版麻将游戏 30选5中奖规则及奖金 分配工资费用会计分 20选5走势图开奖 掌心福州麻将官网 贵阳多乐捉鸡麻将下 5分钟pk10人工计划 快乐十分历史开 国际台球比赛 贵州11选五任三遗漏手机版