用javascript 自动调节iframe高度出现问题

减小字体 增大字体 作者:佚名  来源:不详
 

我一个页面需要嵌入10个iframe,希望每个显示的数据不超过10条,超过就出现滚动条。没有数据则只显示表头。最开始用jsp去统计每个iframe需要显示数据的总数,然后计算,超过10条。ifram的高度就制定为一固定制,反之,取数据条数乘上每条的高度。这样做可以实现功能,但是速度比较慢。

于是就想用javascript去自动调节ifram的高度,函数如下:

var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
//extra height in px to add to iframe in FireFox 1.0+ browsers
var FFextraHeight=getFFVersion>=0.1? 16 : 0

function  isiFrameLoadComplete(iframename){
 var pTar = document.getElementById(iframename);

 if(pTar.readyState=="complete"){
  return true;
 }else{
  return false;
 }
 
}

function dsed_resize(iframename) {
  var pTar = null;
   if (document.getElementById){
     pTar = document.getElementById(iframename);
   }
   else{
     eval('pTar = '+iframename+';');
   }
   pTar.height = 25;

   if (pTar && !window.opera){

     pTar.style.display="block"
   
     if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){
        //ns6 syntax
        pTar.height = pTar.contentDocument.body.offsetHeight+FFextraHeight;
        if(pTar.height<=25){
         pTar.height = 25;
        }else if(pTar.height>=210){
         pTar.height = 210;
        }
     
     }
     else if (pTar.Document && pTar.Document.body.scrollHeight){
        //ie5+ syntax
        pTar.height = pTar.Document.body.scrollHeight;

        if(pTar.height<=25){
         pTar.height = 25;
        }else if(pTar.height>=210){
         pTar.height = 210;
        }

     }
   }

}

但是现在又遇到一个问题,第一次打开页面的时候,可能有一个iframe不能正常显示,刷新一下又可以了。我以为iframe的个数太多了,所以导致这样,然后特地为每个iframe写个javascript函数,结果还是一样。真是没招了!