IFrame里面的子页面html内容变化时，怎么动态改变IFrame的高度

最新推荐文章于 2023-10-24 14:08:59 发布

Archer_yy

最新推荐文章于 2023-10-24 14:08:59 发布

阅读量617

点赞数

本文链接：https://blog.csdn.net/Dilemma_me/article/details/103407502

版权

1、在IFrame的具体页面(就是子页面)，添加JavaScript

<script>
function IFrameResize(){
//alert(this.document.body.scrollHeight); //弹出当前页面的高度
var obj = parent.document.getElementById("childFrame"); //取得父页面IFrame对象
//alert(obj.height); //弹出父页面中IFrame中设置的高度
obj.height = this.document.body.scrollHeight; //调整父页面中IFrame的高度为此页面的高度
}
</script>

2、在IFrame的具体页面(就是子页面)的body中，添加onload事件

<body onload="IFrameResize()">

3、为父页面的IFrame标签添加ID，即上面第一步，方法体中的第2行所写到的childFrame

<iframe border=0 marginWidth=0 frameSpacing=0 marginHeight=0 src="/html/indexCon.html"  frameBorder=0
noResize scrolling="no" width=100% height=100% vspale="0" id="childFrame"></iframe >

Archer_yy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
3
评论
IFrame里面的子页面html内容变化时，怎么动态改变IFrame的高度

1、在IFrame的具体页面(就是子页面)，添加JavaScript<script>function IFrameResize(){//alert(this.document.body.scrollHeight); //弹出当前页面的高度var obj = parent.document.getElementById("childFrame"); //取得父页面IFrame对象...
复制链接

扫一扫