Wie kann ich von der übergeordneten Seite aus auf JavaScript-Funktionen in einem iFrame zugreifen?

Zugriff auf JavaScript-Code in einem iFrame von der übergeordneten Seite aus

Der Aufruf von JavaScript-Code in einem eingebetteten iFrame von der übergeordneten Seite aus kann eine häufige Herausforderung sein . Während die Möglichkeit zur Interaktion mit der übergeordneten Seite innerhalb des iFrame unkompliziert ist, erfordert der Zugriff auf im iFrame definierte Funktionen über die übergeordnete Seite einen anderen Ansatz.

Lösung:

Um dies zu erreichen, können Sie die folgende Technik nutzen:

1. Identifizieren Sie die ID und Funktion des iFrames Name:
   Stellen Sie sicher, dass Ihr iFrame eine eindeutige ID hat und die Funktion, die Sie aufrufen möchten, einen bestimmten Namen hat.

2. Inhaltsfenster abrufen:
   Zielen Sie mit der Methode document.getElementById() auf den spezifischen iFrame anhand seiner ID und rufen Sie dessen contentWindow ab Eigenschaft:

   const contentWindow = document.getElementById('iFrameID').contentWindow;

3. Funktion aufrufen:
   Sobald Sie das Inhaltsfenster des iFrames haben, können Sie die gewünschte Funktion aufrufen, indem Sie Folgendes aufrufen:

   contentWindow.functionName();

Zum Beispiel, wenn die ID Ihres iFrames „targetFrame“ ist und die Funktion Wenn Sie targetFunction() aufrufen möchten, würden Sie Folgendes verwenden:

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

Alternative Methode:

Alternativ können Sie über window auf das Inhaltsfenster eines iFrames zugreifen .frames:

 // This option may not work in the latest versions of Chrome and Firefox.
window.frames[0].frameElement.contentWindow.targetFunction();

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