利用剪切板实现IFrame跨域自适应高度

父页:

<script type="text/javascript">

      /*----------------------------------------------------------'
      '函数名称: ResetIframeHeight()
      '函数功能: Iframe高度自适应函数
      '
      '参数说明:
      '参数名称    参数类型    参数含义
      '无
      '
      '修改人      修改时间    修改摘要
      'zhangzd     2010/06/23  初次创建
      '-----------------------------------------------------------*/
       function ResetIframeHeight()
        {
           try
           {
             var strText=window.clipboardData.getData('text');      //从剪切板获取iframe嵌套页面中设置的text数据
             var fraDetail=document.getElementById('fraDetail');    //iframe对象
             //text数据是否含有frameHeight=的字样
             if(strText.match(/^frameHeight=\d+$/))
             {
               //设置iframe高度
               fraDetail.style.height=parseInt(strText.match(/\d+/))+'px';
               //清空剪切板数据
               window.clipboardData.setData('text','null');
             }
           }
           catch(e){}
           //设置运行时间
           setTimeout(ResetIframeHeight,500);
        };
        
        ResetIframeHeight();

    </script>

 被嵌套页:

<body onload="window.clipboardData.setData('text',String('frameHeight='+window.document.body.scrollHeight));">
 

 

posted on 2010-06-23 14:41  Peter Zhang  阅读(573)  评论(0编辑  收藏  举报