实测iframe自适应高度的两种方法

方案一

C

<iframe name="myiframe" id="myiframe" src="#" frameborder="0" scrolling="no"></iframe>

<script type="text/javascript" language="javascript">
        $(window.parent.document).find("#myiframe").load(function(){
            var main = $(window.parent.document).find("#myiframe");
            var thisheight = $(document).height()+30;
            main.height(thisheight);
        });
    </script>

方案二

拖拽窗口iframe也可以自适应高度

C

 <iframe name="myiframe" id="myiframe" src="#" frameborder="0" scrolling="no"></iframe>

 <script type="text/javascript" language="javascript">
        function changeFrameHeight(){
            var ifm= document.getElementById("myiframe");
            ifm.height=document.documentElement.clientHeight-56;
        }
        window.onresize=function(){ changeFrameHeight();}
        $(function(){changeFrameHeight();});
    </script>

本文链接：https://www.cangchiyun.cn/cangchi/17.html 转载需授权！