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的高度了~~~