iframe自适应方法

最新推荐文章于 2022-09-17 18:13:28 发布

weixin_30454481

最新推荐文章于 2022-09-17 18:13:28 发布

阅读量69

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xienb/p/3345446.html

ifram高度自适应，两种方法

方法一：父页面获取子页面高度，改变父页面高度
以下代码加到父页面

<script language="javascript">
//获取iframe子页面的方法，需调用才能实现 (<body οnlοad="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/xienb/p/3345446.html