iframe跨域問題--獲取跨域iframe的高度


        A域名下的頁面,我們稱之為主頁面a,需要獲取iframe(iframe為B域名下的頁面,稱之為頁面b)的高度,這時候由於跨域無法直接獲取到iframe的高度,需要通過一個代理頁面c(c頁面和主頁面一定要放在同一個域名下A域名)。舉例說明:

       A域名下的頁面 a.html:

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

       B域名下的頁面 b.html:

     

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

     <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" )

      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>

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

     <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();

     </script>

          好了,這樣就能獲取到跨域iframe的高度了~~~

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM