Was sind die Iframe-Listening-Events?

iframe-Überwachungsereignisse umfassen das Onload-Ereignis, das Onunload-Ereignis, das Onbeforeunload-Ereignis, das Onmessage-Ereignis, das Onerror-Ereignis usw. Detaillierte Beschreibung: 1. Fügen Sie ein Onload-Ereignis hinzu, das ausgelöst wird, wenn der Inhalt im Iframe geladen wird. 2. Fügen Sie ein Onunload-Ereignis hinzu, das ausgelöst wird, wenn der Inhalt im Iframe entladen wird ausgelöst, bevor der Inhalt im Iframe entladen wird usw.

Das Betriebssystem dieses Tutorials: Windows 10-System, Dell G3-Computer.

iframe ist ein Tag in HTML, der die Einbettung anderer Webseiten oder Dokumente in eine Webseite ermöglicht. Durch die Verwendung von Iframe können wir andere Webseiten oder Dokumente in die aktuelle Seite einbetten und so eine Seitenverschachtelung und Interaktion erreichen.

Bei Verwendung von Iframe können wir den Iframe steuern und mit ihm interagieren, indem wir verschiedene Ereignisse abhören. Hier sind einige häufige Iframe-Ereignisse:

1. Onload-Ereignis: Wird ausgelöst, wenn der Inhalt im Iframe geladen wird. Sie können dieses Ereignis abhören, indem Sie dem Iframe-Tag das Attribut onload hinzufügen, zum Beispiel:

<iframe src="example.html" onload="iframeLoaded()"></iframe>

Im obigen Code wird beim Laden des Inhalts im Iframe die Funktion mit dem Namen iframeLoaded aufgerufen.

2. Onunload-Ereignis: Wird ausgelöst, wenn der Inhalt im Iframe entladen wird. Sie können dieses Ereignis abhören, indem Sie das Attribut onunload zum Iframe-Tag hinzufügen, zum Beispiel:

<iframe src="example.html" onunload="iframeUnloaded()"></iframe>

Im obigen Code wird beim Entladen des Inhalts im Iframe eine Funktion namens iframeUnloaded aufgerufen.

3. onbeforeunload-Ereignis: Wird ausgelöst, bevor der Inhalt im Iframe entladen wird. Sie können dieses Ereignis abhören, indem Sie das Attribut onbeforeunload zum Iframe-Tag hinzufügen, zum Beispiel:

<iframe src="example.html" onbeforeunload="iframeBeforeUnload()"></iframe>

Wenn im obigen Code der Inhalt im Iframe entladen werden soll, wird die Funktion mit dem Namen iframeBeforeUnload aufgerufen.

4. Onmessage-Ereignis: Wird ausgelöst, wenn der Inhalt im Iframe eine Nachricht an die übergeordnete Seite sendet. Dieses Ereignis kann mit der window.addEventListener-Methode auf der übergeordneten Seite abgehört werden, zum Beispiel:

window.addEventListener("message", receiveMessage, false);
function receiveMessage(event) {
  // 处理接收到的消息
}

Wenn im obigen Code der Inhalt im Iframe eine Nachricht an die übergeordnete Seite sendet, wird eine Funktion namens „receiveMessage“ aufgerufen um die empfangene Nachricht zu verarbeiten.

5. onerror-Ereignis: Wird ausgelöst, wenn der Inhalt im Iframe nicht geladen werden kann. Sie können dieses Ereignis abhören, indem Sie das Attribut onerror zum iframe-Tag hinzufügen, zum Beispiel:

<iframe src="example.html" onerror="iframeError()"></iframe>

Wenn im obigen Code der Inhalt im Iframe nicht geladen werden kann, wird eine Funktion namens iframeError aufgerufen.

Durch das Abhören dieser Ereignisse können wir das Laden, Entladen, Versenden von Nachrichten usw. von Iframes steuern und mit ihnen interagieren und so umfassendere Webseitenfunktionen und ein besseres Benutzererlebnis erzielen.

Das obige ist der detaillierte Inhalt vonWas sind die Iframe-Listening-Events?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!