Iframe自适应其加载的内容高度

最新推荐文章于 2022-03-18 16:03:42 发布

wydin

最新推荐文章于 2022-03-18 16:03:42 发布

阅读量641

点赞数

分类专栏： javascript 文章标签： iframe xhtml 浏览器 html border function

javascript 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

main.htm:

child.htm:

<html>
<head>
    <meta http-equiv='Content-Type' content='text/html; charset=gb2312' />
    <meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com' />
    <title>iframe 自适应其加载的网页(多浏览器兼容)</title>
    <script type="text/javascript">
    <!--
    function iframeAutoFit()
    {
        try
        {
            if(window!=parent)
            {
                var a = parent.document.getElementsByTagName("IFRAME");
                for(var i=0; i<a.length; i++) //author:meizz
                {
                    if(a[i].contentWindow==window)
                    {
                        var h1=0, h2=0;
                        a[i].parentNode.style.height = a[i].offsetHeight +"px";
                        a[i].style.height = "10px";
                        if(document.documentElement&&document.documentElement.scrollHeight)
                        {
                            h1=document.documentElement.scrollHeight;
                        }
                        if(document.body) h2=document.body.scrollHeight;