首页 » 前端技术 » 如何让iframe自适应高度和宽度

如何让iframe自适应高度和宽度

高蒙 2016/03/03 15:35 3.4k浏览 0评论 Html/Css


最近遇到iframe自适应高度和宽度的问题。就是iframe加载网页的时候,会出现加载进来的网页的高度和宽度都不是自适应的,那么我要是强制的给宽度和高度的时候,就显得很难看。如何让iframe自适应网页的高度和宽度呢,下面就是可执行的代码。

<iframe src="需要加载的页面的地址" id="iframepage" frameborder="0" width="100%" scrolling="no" marginheight="0" marginwidth="0" onload="iFrameHeight()"></iframe>

<script type="text/javascript" language="javascript">   
    function iFrameHeight() {   
        var ifm= document.getElementById("iframepage");   
        var subWeb = document.frames ? document.frames["iframepage"].document : ifm.contentDocument;   
        if(ifm != null && subWeb != null) {
           ifm.height = subWeb.body.scrollHeight;
           ifm.width = subWeb.body.scrollWidth;
        }   
    }   
</script>

如何让iframe自适应高度和宽度

在网页中,加入上面的代码,就可以实现iframe自适应高度和宽度的问题。 




相关文章

我有话说

站长昵称:(*)

输入内容:

选个头像:

评论列表

    ...

    高蒙

    男, PHP程序猿

    文章

    484

    标签

    41

    热度

    10w+

    南京, 江苏, 中国

    人生要是没有理想, 那跟咸鱼有什么分别。