iframe自适应内容高度的处理方法

最新推荐文章于 2021-03-10 18:45:00 发布

慢慢行的蜗牛

最新推荐文章于 2021-03-10 18:45:00 发布

阅读量775

点赞数

分类专栏： JS

JS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

在页面中

<iframe src="xx.html" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" width="765" height=100% id="iframepage" name="iframepage" onLoad="iFrameHeight()" ></iframe>

添加js代码

<script type="text/javascript" language="javascript">

			    function iFrameHeight() {

			        var ifm= document.getElementById("iframepage");

			        var subWeb = document.frames ? document.frames["iframepage"].document :

			ifm.contentDocument;

			            if(ifm != null && subWeb != null) {

			            ifm.height = subWeb.body.scrollHeight;

			            }

			    }

</script>