欢迎加入站点基地设计开发交流群:30720409
详细内容
IFrame自适应页面大小
发布日期:2010-01-26     点击:2971     字体:[ ]
<script language="javascript" type="text/javascript">   
        function IFrameAutoFit()
        {
            try
            {
                if(window!=parent)
                {
                    var a = parent.document.getElementsByTagName("IFRAME");
                    for(var i=0; i<a.length; i++)
                    {
                        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;
                            }
                            var h = Math.max(h1, h2);
                            if(document.all)
                            {
                                h += 4;
                            }
                            if(window.opera)
                            {
                                h += 1;
                            }
                            a[i].style.height = a[i].parentNode.style.height = h +"px";
                        }
                    }
                }
            }
            catch (ex)
            {
            }
        }
        if(window.attachEvent)
        {
            window.attachEvent("onload", IFrameAutoFit);
        }
        else if(window.addEventListener)
        {
            window.addEventListener('load', IFrameAutoFit, false);
        }   
    </script>

用户评论
昵称 
内容  *
验证码   
   
相关文章 更多...  
Copyright © 2010 zdbase.com All Rights Reserved. 苏ICP备15039389号 可人软件设计