Wie kann ich von einem JavaScript-gekapselten untergeordneten Frame aus auf den übergeordneten Iframe zugreifen und ihn bearbeiten?

Zugriff auf übergeordnete Iframes über JavaScript

Iframes sind in Webanwendungen gekapselt und dienen als isolierte Container für eingebettete Inhalte. Der Zugriff auf Informationen aus dem übergeordneten Iframe kann jedoch eine Herausforderung sein. In diesem Blogbeitrag werden Methoden zum Zugriff auf den übergeordneten Iframe und zur Bearbeitung seines Inhalts über JavaScript untersucht.

Problemstellung

Wir haben ein Szenario, in dem mehrere dynamisch generierte Iframes auf einer Seite vorhanden sind. Jeder Iframe lädt eine identische Seite. Unser Ziel ist es, einen bestimmten Iframe programmgesteuert zu schließen. Um dies zu erreichen, müssen wir den übergeordneten Iframe innerhalb der geladenen Seite identifizieren.

Lösung

Um auf den übergeordneten Iframe zuzugreifen, können wir den folgenden Ansatz verwenden:

1. Namens- und ID-Attribute zuweisen: Geben Sie sowohl dem Iframe als auch seinem übergeordneten Element einen identischen Namen und eine identische ID. Dadurch können wir den Iframe in beiden Kontexten eindeutig identifizieren.

<iframe>

2. Zugriff mit JavaScript: Verwenden Sie zum Abrufen auf der geladenen untergeordneten Seite den folgenden JavaScript-Code der übergeordnete Iframe:

parent.document.getElementById(window.name);

Dieser Code ruft das Iframe-Element mit der ID ab, die mit der Namenseigenschaft der untergeordneten Seite übereinstimmt, die wir so eingestellt haben, dass sie mit der übergeordneten Seite identisch ist.

Damit -Methode können Sie nun den übergeordneten Iframe nach Bedarf bearbeiten, z. B. ihn schließen oder seinen Inhalt ändern.

Das obige ist der detaillierte Inhalt vonWie kann ich von einem JavaScript-gekapselten untergeordneten Frame aus auf den übergeordneten Iframe zugreifen und ihn bearbeiten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!