Comment appeler des fonctions JavaScript dans une Iframe depuis la page parent ?

Invocation de code JavaScript dans une Iframe à partir de la page parent

Dans le développement Web, il existe des scénarios dans lesquels vous devez interagir avec du code JavaScript intégré dans une iframe à partir de la page parent. Bien qu'il soit simple d'invoquer des fonctions parent à partir d'une iframe à l'aide de parent.functionName(), l'opération inverse présente un défi.

Solution

Pour invoquer une fonction définie dans un iframe depuis la page parent, vous pouvez utiliser l'extrait de code suivant :

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

Remplacez targetFrame par l'identifiant ou le nom de votre iframe element.

Une autre option consiste à accéder au cadre via le tableau window.frames :

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

Remarque : La deuxième méthode peut ne pas fonctionner dans les versions plus récentes de Chrome et Firefox en raison des restrictions sur la communication d'origine croisée.

En utilisant ces techniques, vous pouvez communiquer efficacement entre la page parent et son iframe intégré, vous permettant d'invoquer des Fonctions JavaScript selon les besoins.

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!