Comment détecter les modifications de la source iFrame à partir de la page parent ?

Comment détecter les modifications de la source iFrame sur la page parent

Lorsque vous manquez de contrôle sur le contenu d'un iFrame, il peut être difficile à surveiller modifications apportées à son URL source. Cependant, il existe des techniques que vous pouvez utiliser pour détecter ces événements via la page parent.

Une option consiste à utiliser l'événement onLoad. En ajoutant un attribut onLoad à votre élément iFrame, vous pouvez spécifier une fonction à exécuter chaque fois que la source de l'iFrame change. Par exemple :

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

Cette configuration déclenchera l'alerte chaque fois que l'emplacement dans l'iFrame est modifié. Il fonctionne dans la plupart des navigateurs modernes, mais peut ne pas fonctionner dans les navigateurs plus anciens (par exemple, IE5, les premiers Opera).

Alternativement, si l'iFrame affiche une page dans le même domaine que le parent, vous pouvez accéder au Emplacement d'iFrame via contentWindow.location. Cela vous permet de surveiller directement les modifications :

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

Ces approches fournissent des moyens fiables de détecter les modifications de la source iFrame, éliminant ainsi le besoin de solutions pirates telles que les tests par intervalles.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!