JavaScript - Übergeordnete Elemente modifizieren

Zugriff vom Iframe auf das übergeordnete Fenster

Um von einer externen Datei, die im Iframe geladen wurde auf das übergeordnete Fenster zu zugreifen, wird das Schlüsslewort parent verwendet.

Der folgende JavaScript-Code wird in die Datei "iframe2.html" eingebaut, die geladen wird wenn auf den Button geklickt wird. Die Buttonbeschriftung ändert sich nach dem Laden.

Beispiel 1:

<script type="text/javascript">

//Beim erstes Formular-Element wird der Wert geändert (Beschriftung)

parent.document.forms[0].elements[0].value = "vom Iframe angepasst!"

</script>

Ausgabe:

Vor dem Iframe

Nach dem Iframe

zurück