Wie rufe ich JavaScript-Funktionen in einem Iframe von der übergeordneten Seite aus auf?

Aufrufen von JavaScript-Code in einem Iframe von der übergeordneten Seite aus

In der Webentwicklung gibt es Szenarien, in denen Sie mit eingebettetem JavaScript-Code interagieren müssen innerhalb eines Iframes von der übergeordneten Seite. Während es einfach ist, übergeordnete Funktionen aus einem Iframe mit parent.functionName() aufzurufen, stellt der umgekehrte Vorgang eine Herausforderung dar.

Lösung

Um eine in einem definierte Funktion aufzurufen iframe von der übergeordneten Seite können Sie das folgende Code-Snippet verwenden:

document.getElementById('targetFrame').contentWindow.targetFunction();

Ersetzen Sie targetFrame durch die ID oder den Namen von Ihr iframe-Element.

Eine andere Möglichkeit besteht darin, über das window.frames-Array auf den Frame zuzugreifen:

window.frames[0].frameElement.contentWindow.targetFunction();

Hinweis: Die zweite Methode funktioniert in neueren Versionen möglicherweise nicht von Chrome und Firefox aufgrund von Einschränkungen bei der ursprungsübergreifenden Kommunikation.

Durch die Verwendung dieser Techniken können Sie effektiv zwischen der übergeordneten Seite und dem eingebetteten Iframe kommunizieren und so dies ermöglichen Rufen Sie nach Bedarf bestimmte JavaScript-Funktionen auf.

Das obige ist der detaillierte Inhalt vonWie rufe ich JavaScript-Funktionen in einem Iframe von der übergeordneten Seite aus auf?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!