iframe高度自适应

最新推荐文章于 2024-08-18 21:47:24 发布

小乔FEer

最新推荐文章于 2024-08-18 21:47:24 发布

阅读量695

点赞数

分类专栏： HTML 文章标签： iframe

本文链接：https://blog.csdn.net/oucqsy/article/details/79310422

版权

HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<iframe id="myIframe" width="100%" height="700px" frameborder="0" scrolling="no" onload="changeFrameHeight()"
     src="$url">
</iframe>

<script type="text/javascript">
    document.domain = 'me.com';
    function changeFrameHeight(){
        var ifm= document.getElementById("myIframe");
        var bHeight = ifm.contentWindow.document.body.scrollHeight;
        var dHeight = ifm.contentWindow.document.documentElement.scrollHeight;
        var height = Math.max(bHeight, dHeight);
        ifm.height =  height;
    }
</script>