zoukankan      html  css  js  c++  java
  • 利用剪切板实现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));">
     

  • 相关阅读:
    为什么需要配置环境变量
    Highcharts使用简例 + 异步动态读取数据
    使用SQL检测死锁
    2015.12.21-2015.12.25单词
    SQL Server锁定【2015.12.17】
    SQL SERVER 并发【2015.12.16】
    SQL闲杂知识点汇总【2015年12月】
    键和约束【2015.12.11】
    [笔记]聚集索引和非聚集索引相关知识点
    论Top与ROW_NUMBER读取第一页的效率问题
  • 原文地址:https://www.cnblogs.com/fromchaos/p/1763594.html
Copyright © 2011-2022 走看看