JavaScript処理Iframe適応高さ(同じまたは異なるドメイン名)
3384 ワード
1.同ドメイン名Iframe適応高さの処理
2.クロスドメイン時Iframe高さ適応
メインはagent.と じドメインでなければなりません.
iframe.は の にあります.
もちろんここで使っているのはAsp.Net MVCです.ここでsrcはルート構造に設定されています.
<br>function SetIFrameHeight(obj) {
<br>var win = obj;
<br>if (document.getElementById) {
<br>if (win && !window.opera) {
<br>if (win.contentDocument && win.contentDocument.body.offsetHeight)
<br>win.height = win.contentDocument.body.offsetHeight;
<br>else if (win.Document && win.Document.body.scrollHeight)
<br>win.height = win.Document.body.scrollHeight;
<br>}
<br>}
<br>}
<br>
iframeネストのページの読み込みが完了したら、Oloadイベントを利用してiframe内のページの高さを取得し、Iframeの高さに値を付与すればいいです.2.クロスドメイン時Iframe高さ適応
iframe , , JavaScript 。
: iframe main.html、 iframe iframe.html、iframe agent.html , main.html( http://www.ccvita.com) iframe.html( :http://www.phpq.net), iframe.html JavaScript iframeC scr iframe ,agent.html( :http://www.ccvita.com) , JavaScript main.html iframe 。 。
iframe main.html
[code]
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
iframe
iframeネストページiframe.
iframe
<br>function sethash(){
<br>hashH = document.documentElement.scrollHeight;
<br>urlC = "agent.html";
<br>document.getElementByIdx("iframeC").src=urlC+"#"+hashH;
<br>}
<br>window.onload=sethash;
<br>
iframe ページagent.
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
iframe
<br>function pseth() {
<br>var iObj = parent.parent.document.getElementByIdx('frame_content');
<br>iObjH = parent.parent.frames["frame_content"].frames["iframeC"].location.hash;
<br>iObj.style.height = iObjH.split("#")[1]+"px";
<br>}
<br>pseth();
<br>
コードの で、kimiは が かもしれません.メインはagent.と じドメインでなければなりません.
iframe.は の にあります.