ホームページ  >  記事  >  ウェブフロントエンド  >  IFrame クロスドメインの適応性の高い実装コード_JavaScript スキル

IFrame クロスドメインの適応性の高い実装コード_JavaScript スキル

WBOY
WBOYオリジナル
2016-05-16 17:50:411012ブラウズ
复制代 代码如下:

var iframeids = ['memberIndexIframe','inquiryCenterIframe','everychinaBbsIframe' ];
var iframehide = "はい";
関数 dynIframeSize(){
var dyniframe = [];
for(var i=0;iif(!document.getElementById) return false;
dyniframe[i] = document.getElementById(iframeids[i]);
if(dyniframe[i] && !window.opera){
dyniframe[i].style.display = "ブロック";
if(dyniframe[i].contentDocument && dyniframe[i].contentDocument.body.offsetHeight){
dyniframe[i].height = dyniframe[i].contentDocument.body.offsetHeight;
}else if(dyniframe[i].Document && dyniframe[i].Document.body.scrollHeight){
dyniframe[i].height = dyniframe[i].Document.body.scrollHeight;
}
}
if((document.all || document.getElement) && iframeids == "no") {
var Tempobj = document.all?document.all[iframeids[i] ] : document.getElementById(iframeids[i]);
tempobj.style.display = "ブロック";
}
}
}
if (window.addEventListener)
window.addEventListener("load", dynIframeSize, false)
else if (window.attachEvent)
ウィンドウ.attachEvent("onload", dynIframeSize)
else {
window.onload = dynIframeSize;
}

上の代コードに直接保存されているファイル iframe.js をすぐに参照できます

注意:この段代コードはフィールド全域の iframe を参照できません。 iframe の高さを特に指定する必要があります

下にあるこの代コードは、フィールド全体の iframe の高さです

目地网站内に嵌合作网站の页面が必要です、これには页面の自适应が必要ですネットワーク上では、広範囲にわたる IFrame の適切な高さを実現するために、多くのリソースが追加されています。挿入された方の b.html、ここでは iframe 方式で実現される
a.html页面の主要代コード:


代制コード代码如下:

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。