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

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')命名保持一致

转载于:https://www.cnblogs.com/guanxiaoqing/archive/2013/04/12/3016712.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值