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);
}
原创文章,转载请注明出处:代码人生https://www.code-life.com/
本文链接地址:https://www.code-life.com/?p=153

发表评论

您的电子邮箱地址不会被公开。