中文字幕日韩一区二区_国产一区二区av_国产毛片av_久久久久国产一区_色婷婷电影_国产一区二区精品

js跨域問題之跨域iframe自適應大小實現代碼

復制代碼 代碼如下:
<body onload="Javascript: setHeight();">
<script>
function setHeight(){
var dHeight = document.documentElement.scrollHeight;
var t = document.createElement("div");
t.innerHTML = '<iframe id="kxiframeagent" src="http://rest.kaixin001.com/api/agent.html#'+dHeight+'"scrolling="yes" height="0px" width="0px"></iframe>';
document.documentElement.appendChild(t.firstChild);
}
</script>

我想著跨域如何解決啊!后來去網上搜索了一下子 恍然大悟

具體如下 我是復制過來了 大家重點理解一下子它的實現思路 :


問題:

A域名下的頁面a.htm中通過iframe嵌入B域名下的頁面b.html,由于b.html的大小等是不可預知而且會變化的,所以需要 a.htm中的iframe自適應大小.

問題本質 :

js的跨域問題,因為要控制a.htm中iframe的大小就必須首先讀取得到b.html的大小,A、B不屬于同一個域,js的訪問受限,讀取不 到b.html的大小.

解決方案:

首先前提是A,B是合作關系,b.html中能引入A提供的js

首先a.html中通過iframe引入了b.html

復制代碼 代碼如下:
<iframe id="aIframe" height="0" width="0" src="http://www.b.com/html/b.html" frameborder="no" border="0px" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes" ></iframe>
<iframe id="aIframe" height="0" width="0" src="http://www.b.com/html/b.html" frameborder="no" border="0px" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes" ></iframe>

B在b.html中引入了A提供的js文件

Html代碼
復制代碼 代碼如下:
<script language="Javascript" type="text/Javascript" src="http://www.a.com/js/a.js"></script>

該js首先讀取b.html的寬和高,然后創建一個iframe,src為和A同一個域的中間代理頁面a_proxy.html,吧讀取到的寬和 高設置到src的hash里面

Html代碼
復制代碼 代碼如下:
<iframe id="iframeProxy" height="0" width="0" src="http://www.a.com/html/a_proxy.html#width|height" style="display:none" ></iframe>

a_proxy.html是A域下提供好的中間代理頁面,它負責讀取location.hash里面的width和height的值,然后設置與 它同域下的a.html中的iframe的寬和高.

Js代碼
復制代碼 代碼如下:
var pParentFrame = parent.parent.document.getElementById("aIframe");
var locationUrlHash = parent.parent.frames["aIframe"].frames["iframeProxy"].location.hash;
pParentFrame.style.width = locationUrlHash.split("#")[1].split("|")[0]+"px";
pParentFrame.style.height = locationUrlHash.split("#")[1].split("|")[1]+"px";
var pParentFrame = parent.parent.document.getElementById("aIframe");
var locationUrlHash = parent.parent.frames["aIframe"].frames["iframeProxy"].location.hash;
pParentFrame.style.width = locationUrlHash.split("#")[1].split("|")[0]+"px";
pParentFrame.style.height = locationUrlHash.split("#")[1].split("|")[1]+"px";

這樣的話a.html中的iframe就自適應為b.html的寬和高了.

其他一些類似js跨域操作問題也可以按這個思路去解決

JavaScript技術js跨域問題之跨域iframe自適應大小實現代碼,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 亚洲精品无 | 国产欧美综合在线 | 天天干天天玩天天操 | 国产ts一区| 日韩专区中文字幕 | 91精品国产美女在线观看 | 国产99热精品 | 在线色| 欧美国产亚洲一区二区 | av电影手机版 | 欧美a级成人淫片免费看 | 精品欧美一区二区三区 | 亚洲精品1区 | 亚洲自拍偷拍免费视频 | 国产一区二区三区免费 | 久久精品免费一区二区 | 国产免费一区 | 日本免费在线看 | 草樱av| 国产欧美日韩一区 | 国产精品欧美一区二区三区 | 成人午夜视频在线观看 | 久久精品日产第一区二区三区 | www.亚洲视频.com| 久久的色| 干一干操一操 | 中文字幕在线一区二区三区 | 久久精品日产第一区二区三区 | 日韩一级电影免费观看 | 盗摄精品av一区二区三区 | 在线观看亚洲专区 | 亚洲成人免费视频 | 国产精品日日夜夜 | 91一区二区三区 | 中文字幕乱码一区二区三区 | 久热伊人 | 亚洲视频中文字幕 | 亚洲一区中文字幕在线观看 | 亚洲天堂中文字幕 | 欧美一级片久久 | 午夜影院|