Heim > Web-Frontend > js-Tutorial > Wie erkennt man Änderungen an der iFrame-Quelle auf der übergeordneten Seite?

Wie erkennt man Änderungen an der iFrame-Quelle auf der übergeordneten Seite?

DDD
Freigeben: 2024-11-05 05:39:02
Original
891 Leute haben es durchsucht

How to Detect iFrame Source Changes from the Parent Page?

So erkennen Sie Änderungen an der iFrame-Quelle auf der übergeordneten Seite

Wenn Sie keine Kontrolle über den Inhalt innerhalb eines iFrames haben, kann die Überwachung schwierig sein Änderungen an der Quell-URL. Es gibt jedoch Techniken, mit denen Sie diese Ereignisse über die übergeordnete Seite erkennen können.

Eine Möglichkeit besteht darin, das onLoad-Ereignis zu verwenden. Durch Hinzufügen eines onLoad-Attributs zu Ihrem iFrame-Element können Sie eine Funktion angeben, die immer dann ausgeführt wird, wenn sich die Quelle des iFrame ändert. Zum Beispiel:

<code class="html"><iframe src="http://www.google.com/" onLoad="alert('Test');"></iframe></code>
Nach dem Login kopieren

Dieses Setup löst die Warnung jedes Mal aus, wenn der Standort im iFrame geändert wird. Es funktioniert in den meisten modernen Browsern, funktioniert jedoch möglicherweise nicht in älteren Browsern (z. B. IE5, frühes Opera).

Alternativ können Sie darauf zugreifen, wenn der iFrame eine Seite innerhalb derselben Domäne wie das übergeordnete Element anzeigt Standort des iFrames über contentWindow.location. Dadurch können Sie Änderungen direkt überwachen:

<code class="html"><iframe src="/test.html" onLoad="alert(this.contentWindow.location);"></iframe></code>
Nach dem Login kopieren

Diese Ansätze bieten zuverlässige Möglichkeiten, Änderungen an der iFrame-Quelle zu erkennen, sodass keine Hacklösungen wie Intervalltests erforderlich sind.

Das obige ist der detaillierte Inhalt vonWie erkennt man Änderungen an der iFrame-Quelle auf der übergeordneten Seite?. 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage