Sammlung praktischer Iframe-Operationen_Javascript-Kenntnisse

Die Iframe-Höhe wird auf die Höhe der Unterseite eingestellt

Code kopieren Der Code lautet wie folgt:

//Sie müssen Jquery verwenden
$(document).ready(function () {
parent.document.getElementById("ifPage").style.height = document.body.scrollHeight "px";
});

iframe ist hochgradig anpassungsfähig an die übergeordnete Seite

Code kopieren Der Der Code lautet wie folgt:

//Sie müssen Jquery verwenden
$(window).resize(function () {
var webheight = document.body.clientHeight - X; / /X ist die Höhe, die abgezogen werden muss, z. B. die Höhe der oberen Navigation
$("#ifPage").attr("style", "height:" webheight "px;");
});
$(window).load(function () {
var webheight = document.body.clientHeight - 105;
$("#ifPage").attr("style", "height :" webheight "px;");
});

Elemente zwischen übergeordneten und untergeordneten Seiten übertragen
Die übergeordnete Seite erhält die Daten auf der untergeordneten Seite, JS-Code:

Code kopieren Der Code lautet wie folgt:

//Erhalten Sie das Objekt entsprechend der ID des iframe
var i1 = window.frames['iframeId'];
//var iframe =window.frames[0] ;Sie können auch
//Erhalten Sie den Elementwert im iframe
var val=i1.document.getElementById("t1").value

Die untergeordnete Seite erhält die Daten auf der übergeordneten Seite, JS-Code:

Code kopieren Der Code lautet wie folgt:

var val = parent.document.getElementById( "txt1");

Übertragung zwischen Unterseiten, JS-Code:

Code kopieren Der Code lautet wie folgt:

var i1 = parent.window.frames['iframeId'];
var val = i1.document.getElementById("text1").value;

Übergeordnete Seite aktualisieren

Code kopieren Der Code lautet wie folgt:

function parentReload( ) { window.parent.location.reload() ;}

Unterseite neu laden

Code kopieren Der Code lautet wie folgt:

iframe.Attributes[ "Src"] = "ItemTQEditorPage.aspx"