ホームページ  >  記事  >  ウェブフロントエンド  >  contentWindow、contentDocument_基礎知識の詳細な分析

contentWindow、contentDocument_基礎知識の詳細な分析

WBOY
WBOYオリジナル
2016-05-16 17:30:111919ブラウズ

人生はいつも大きな染料桶です。白い布がなくなると、黒い布が出てきます。
contentWindow は様々なブラウザに対応しており、子ウィンドウのウィンドウオブジェクトを取得できます。
contentDocument Firefox サポート、IE8 サポート。子ウィンドウのドキュメントオブジェクトを取得できます。
子 iframe の親 iframe または孫 iframe の高さを設定します。

コードをコピー コードは次のとおりです。

function showIframeH(){
varparentWin =parent.document.getElementById("test");
if(!parentWin) return false;
var sub =parentWin.contentWindow.document.getElementById("test2");
if (!sub ) return false;
var thirdHeight = sub.contentWindow.document.body.offsetHeight; //第 3 層のボディ オブジェクト
sub.height = thirdHeight; //第 2 層の高さを設定します。 > var SecondHeight = x.contentWindow.document.body.offsetHeight; // 2 番目のレイヤーのボディ オブジェクト
x.height = SecondHeight; // 1 番目のレイヤーの高さを設定します。 iframe
//alert(secondHeight);
/ /alert('body: ' x.contentDocument.body.offsetHeight ' div:' thirdHeight);
}


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