多层框架嵌套自动适应高度《二》

JS代码

使用步骤:

第一步:把这段JS代码放置于需要的每个页面中,或者创建一个公共的JS文件里引入。

第二步:HTML代码如下

第三步:在IFRAME加载时调用ifmHtEvent()即可

//获取框架ID
var getRequestID=function(paras){ 
    var url = location.href; 
    var paraString = url.substring(url.indexOf("?")+1,url.length).split("&"); 
    var paraObj = {} 
    for (i=0; j=paraString[i]; i++){ 
        paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=")+1,j.length); 
       } 
    var returnValue = paraObj[paras.toLowerCase()]; 
    if(typeof(returnValue)=="undefined"){ 
          return ""; 
       }else{ 
          return returnValue; 
       } 
} 

//设置框架自动适应高度
function ifmHtEvent()
{
  var ifmId=getRequestID('ifmId');
  if(typeof(parent.document)!='undefined'&&window.parent.document.getElementById(ifmId)!='undefined'){
         if( ifmId !=null &&  ifmId!="" ){
             window.parent.ifmHtAuto(ifmId); 
           } 
      }

  if(typeof(parent.ifmHtEvent)!='undefined')
        { 
           if( ifmId !=null &&  ifmId!="" ){
               window.parent.ifmHtEvent();// 再次调用父类窗口ID
             }
        }
 }

HTML代码 

<iframe src="1.html?ifmId=ifm-1" id="ifm-1"  frameborder="0" style="width:100%;" scrolling="no"></iframe>

注意:iframe中的src中的参数ifmId代表当前iframe的ID,并且必须与ifmHtEvent()中的getRequestID('ifmId')命名保持一致

posted @ 2013-04-12 15:07  关小庆  阅读(262)  评论(0编辑  收藏  举报