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.οnlοad=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的高度了~~~

  

 

转载于:https://www.cnblogs.com/jjjjyyyy/p/6739879.html