Sammlung praktischer Iframe-Operationen_Javascript-Kenntnisse-js-Tutorial-php.cn

Sammlung praktischer Iframe-Operationen_Javascript-Kenntnisse

WBOY

Freigeben： 2016-05-16 16:51:29

Original

1178 Leute haben es durchsucht

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"