ifram高度自适应,两种方法
方法一:父页面获取子页面高度,改变父页面高度
以下代码加到父页面
<script language="javascript"> //获取iframe子页面的方法,需调用才能实现 (<body onload="doShow()">) function doShow(){ //获得子页面的高度 document.getElementById("content").contentWindow.document.body.scrollHeight document.getElementById("content").style.height = document.getElementById("content").contentWindow.document.body.scrollHeight + "px"; //改变iframe的高度 } </script>
方法二:子页面直接改变父页面高度
以下代码加到子页面
<script language="javascript"> //控制父页面iframe高度的方法 parent.document.getElementById("content").style.height = document.body.scrollHeight +"px"; </script>