iframe跨域问题--获取跨域iframe的高度

        A域名下的页面,咱们称之为主页面a,须要获取iframe(iframe为B域名下的页面,称之为页面b)的高度,这时候因为跨域没法直接获取到iframe的高度,须要经过一个代理页面c(c页面和主页面必定要放在同一个域名下A域名)。举例说明:javascript

       A域名下的页面 a.html:html

          <iframe id="frame_content" name="frame_content" scrolling="no" frameborder="no" width="100%" src="B/b.html?urlC=A"></iframe>java

       B域名下的页面 b.html:跨域

     

     <iframe id="iframeC" name="iframeC" src="" width="0" height="0" style="display:none;" ></iframe>url

     <script type="text/javascript">
      function sethash(){
        hashH = document.documentElement.scrollHeight;
        urlC = GetQueryString("urlC")+"/agent.html";
        document.getElementById("iframeC").src=urlC+"#"+hashH;
      }
      window.onload=sethash;代理

      下面这个方法 是为了获取主页面的域名(若是主页面域名肯定 能够忽略下面的方法,a页面 urlC=A+"/agent.html" )htm

      function GetQueryString(name) {
         var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
         var r = window.location.search.substr(1).match(reg);
         if (r!=null) return (r[2]); return null;
      }
     </script>ip

    A域名下的页面 代理页面c.html:get

     <script>
       function pseth() {
         var iObj = parent.parent.document.getElementById('frame_content');
         iObjH = parent.parent.frames["frame_content"].frames["iframeC"].location.hash;
         iObj.style.height = iObjH.split("#")[1]+"px";
       }
       pseth();iframe

     </script>

          好了,这样就能获取到跨域iframe的高度了~~~

相关文章
相关标签/搜索