IFrame根据内容自动适应高宽(同域)

该博客介绍了一个JavaScript方法,用于使IFrame根据其内部内容自动调整宽度和高度。通过设置定时器定期检查IFrame的内容滚动尺寸,并更新IFrame的宽高,实现了跨域情况下IFrame的动态适配。
摘要由CSDN通过智能技术生成
src:必须和当前页在同域名下...


<iframe id="frame_content" src="/account/login"
    width="390" height="350" allowtransparency="0" frameborder="0" marginwidth="0" marginheight="0"></iframe>

<script type="text/javascript">
    function reinitIframe() {
        var iframe = document.getElementById("frame_content");
        var iframeWin = (iframe.contentWindow || iframe.contentDocument);
        var winDoc = (iframeWin.document || iframeWin);
         try {
             iframe.width = Math.max(winDoc.body.scrollWidth, winDoc.documentElement.scrollWidth);
             iframe.height = Math.max(winDoc.body.scrollHeight, winDoc.documentElement.scrollHeight);
         } catch (ex) { }
     }
    $(function () {
        window.setInterval("reinitIframe()", 200);
    });
</script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值