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>
原文地址:https://www.cnblogs.com/tian830937/p/4437775.html