Iframe 自适应高度代码

最新推荐文章于 2021-05-11 11:58:32 发布

ctowoo

最新推荐文章于 2021-05-11 11:58:32 发布

阅读量906

点赞数

分类专栏： JS/DHTML 文章标签： iframe javascript class jquery chrome function

本文链接：https://blog.youkuaiyun.com/ctowoo/article/details/4621250

版权

JS/DHTML 专栏收录该内容

13 篇文章

订阅专栏

Iframe 自适应高度

code 1:
<div class="center" style="padding-left:10px">
    //Iframe窗口自适应高度兼容IE6.0、Chrome、FF3.0以上
    <script type="text/javascript" language="javascript">
    function iframeFitHeight(iframe)
    {
        try {
            var win = iframe.name ? window.frames[iframe.name] : iframe.contentWindow;
             iframe.style.height = win.document.body.scrollHeight + "px";
            }
        catch(e){}
    }
    </script>
    //在iframer 的父窗口利用onload() 事件进行调用
    <iframe id="boxscore_content" name="boxscore_name" frameborder="0" width="100%" src="http://www.domain.com/includes/boxscore_today.php" onLoad="iframeFitHeight(this)"></iframe>
</div>

code 2:
使用jQuery autoHeight plugin 来实现
基本代码：
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript" src="autoHeight.js"></script>
<iframe src="http://www.domain.com/boxscore.php" width="300" frameborder="0" scrolling="auto" class="autoHeight" name="iframe"></iframe>