Heim > Web-Frontend > js-Tutorial > Wie greife ich über JavaScript auf den übergeordneten Iframe zu?

Wie greife ich über JavaScript auf den übergeordneten Iframe zu?

Susan Sarandon
Freigeben: 2024-11-06 00:59:02
Original
948 Leute haben es durchsucht

How to Access Parent Iframe from JavaScript?

Zugriff auf den übergeordneten Iframe über JavaScript

Bei der Webentwicklung kann es erforderlich sein, mit einem übergeordneten Iframe über eine darin geladene Seite zu interagieren. Dies kann mithilfe von JavaScript erreicht werden, sodass Sie Informationen aus dem übergeordneten Frame bearbeiten oder abrufen können.

Betrachten wir ein Szenario, in dem mehrere Iframes mit dynamisch generierten Inhalten geladen werden. Jeder Iframe kann dieselbe Seite enthalten, aber für bestimmte Zwecke ist es wichtig zu identifizieren, welcher Iframe geschlossen werden muss. Zu diesem Zweck wird ein Array verwaltet, um Verweise auf diese Iframes beizubehalten.

Um von der geladenen Seite aus auf den übergeordneten Iframe zuzugreifen, können Sie den folgenden Ansatz verwenden:

  1. Weisen Sie dem Iframe eine eindeutige ID und einen eindeutigen Namen zu:
    Setzen Sie sowohl die ID- als auch die Namensattribute des Iframes auf denselben Wert.

    <iframe>
    Nach dem Login kopieren
  2. Übergeordneten Frame von geladener Seite abrufen:
    Verwenden Sie innerhalb der untergeordneten Seite (d. h. der im Iframe geladenen Seite) den folgenden Code, um auf den übergeordneten Iframe zuzugreifen:

    parent.document.getElementById(window.name);
    Nach dem Login kopieren

Mit dieser Methode können Sie eine Verbindung zwischen der untergeordneten Seite und ihrem übergeordneten Iframe herstellen und so den Iframe bearbeiten oder programmgesteuert Informationen daraus sammeln.

Das obige ist der detaillierte Inhalt vonWie greife ich über JavaScript auf den übergeordneten Iframe zu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage