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>

 

posted @ 2015-04-18 17:45  tian830937  阅读(208)  评论(0编辑  收藏  举报