実践的なiframe操作_JavaScriptスキル集

iframe の高さはサブページの高さに設定されます

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

//Jquery を使用する必要があります。
$(document).ready(function () {
parent.document.getElementById("ifPage").style.height = document.body.scrollHeight "px";
});

iframe は親ページに高度に適応します

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

//Jquery を使用する必要があります
$(window).resize(function () {
var webheight = document.body.clientHeight - X; / /X は、トップナビゲーションの高さなど、減算する必要がある高さです。
$("#ifPage").attr("style", "height:" webheight "px;"); });
$(window).load(function () {
var webheight = document.body.clientHeight - 105;
$("#ifPage").attr("style", "height :" webheight "px;");
});

親ページと子ページの間で要素を転送します
親ページは子ページのデータを取得します。JS コード:

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

//ID に従ってオブジェクトを取得します。 iframe
var i1 = window.frames['iframeId'];
//var iframe =window.frames[0] ;
//iframe
var の要素値を取得することもできますval=i1.document.getElementById("t1").value

子ページは親ページのデータを取得します。JS コード:

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

var val =parent.document.getElementById( "txt1"); >サブページ間の転送、JS コード:

コードをコピー

コードは次のとおりです: var i1 =parent.window.frames['iframeId']; var val = i1.document.getElementById("text1").value;

親ページを更新します

コードをコピー

コードは次のとおりです。 functionparentReload( ) { window.parent.location.reload() ;}

サブページをリロード

コードをコピー

コードは次のとおりです: iframe.Attributes[ "Src"] = "ItemTQEditorPage.aspx";