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

苍池1年前430

方案一

C
<iframe name="myiframe" id="myiframe" src="#" frameborder="0" scrolling="no"></iframe>
C
<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>
C
 <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 转载需授权!

网友评论

最新发布

扫一扫二维码,添加客服微信