iframe在 360极速浏览器下显示不正常,iframe的高度不正确,在ie和360兼容模式下都好用,求解。
Default.aspx页面
 <iframe name="iframex" id="iframex" src="QYJBSX.aspx" width="100%"  frameborder="0" scrolling="no"   ></iframe>QYJBSX.aspx页面
<script type="text/javascript">
    //Ifream子页自适应大小(写在子页中)
    var error;
    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 h = document.body.scrollHeight-5;
                        if (document.all) { h += 4; }
                        if (window.opera) { h += 1; }
                        a[i].style.height = h + 'px';
                    }
                }
            }
        }
        catch (error) {
            alert(error.message);
        }
    }
    window.attachEvent("onload", iframeAutoFit); //此处与原脚本有区别
    </script>

解决方案 »

  1.   

    window.attachEvent("onload", iframeAutoFit); //此处与原脚本有区别绑定事件的问题。
    没有兼容FF,谷歌,360极速。360极速是谷歌内核。所以不起作用。function addEvent(el,name,fn){    if(el.addEventListener) return el.addEventListener(name,fn,false);//在火狐中会执行这一句
      return el.attachEvent('on'+name,fn);//在ie中执行这一句
     }addEvent(window,"load",iframeAutoFit)
      

  2.   

    <script type="text/javascript">
        //Ifream子页自适应大小(写在子页中)
        var error;
        function iframeAutoFit() {
            try {
                if (window != parent) {
                    var a = parent.document.getElementsByTagName("IFRAME");
                    var body_height = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
                    for (var i = 0; i < a.length; i++) {
                        if (a[i].contentWindow == window) {
                            var h = body_height-5;
                            if (document.all) { h += 4; }
                            if (window.opera) { h += 1; }
                            a[i].style.height = h + 'px';
                        } else {
                            var h = body_height-5;
                            if (document.all) { h += 4; }
                            if (window.opera) { h += 1; }
                            a[i].style.height = h + 'px';
                        }
                    }
                }
            }
            catch (error) {
                alert(error.message);
            }
        }
        window.attachEvent("onload", iframeAutoFit); //此处与原脚本有区别
        </script>试试
      

  3.   

    问题已解决 抄了网上的一个例子。
    http://hi.baidu.com/hy_silent/item/67948536858c07c72e8ec2cd
    2010-06-30 10:46 iframe高度自适应(IE6+、FF、Opera、Chrome等测试通过)iframe高度自适应(IE6+、FF、Opera、Chrome等测试通过) 在主页面中对于嵌入的iframe页面高度未知,而且iframe页面的高度也不定,故不能在主页面中通过DOM来控制高度。在iframe页面中加入以下脚本便可实现:/*
    iframe 高度自适应脚本(IE6+、FF、Opera、Chrome等测试通过) 作者未知
    */
    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, d = document, dd = d.documentElement;
               a[i].parentNode.style.height = a[i].offsetHeight +"px";
               a[i].style.height = "10px";
               if(dd && dd.scrollHeight) {
                 h1=dd.scrollHeight;
               }
               if(d.body) {
                 h2 = d.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);