iframe自适应方法

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>

 

 

你可能感兴趣的:(iframe)