iframe高度自适应(IE6+、FF、Opera、Chrome等测试通过)

    技术2022-05-20  48

    此方法 已试过 有效

    在iframe加载的页面上使用即可

     

    在主页面中对于嵌入的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); }

     


    最新回复(0)