méthode de la page parent jquery

jQuery est une bibliothèque JavaScript très populaire et largement utilisée dans le développement Web. Au cours du processus de développement, nous rencontrons souvent le besoin d'appeler des méthodes de la page enfant dans la page parent ou d'appeler des méthodes de la page parent dans la page enfant. Dans cet article, nous explorerons comment implémenter ces fonctionnalités dans jQuery.

1. Appelez la méthode dans la page parent dans la page enfant

Pour appeler la méthode dans la page parent dans la page enfant, nous devons utiliser l'objet parent. L'objet parent pointe vers la fenêtre parent qui contient la fenêtre actuelle. Dans jQuery, vous pouvez utiliser parent.$() pour obtenir l'objet jQuery dans la fenêtre parent, puis appeler des méthodes dans la fenêtre parent.

Par exemple, supposons qu'une méthode nommée showMessage soit définie dans la page parent :

function showMessage(){
    alert('Hello World!');
}

Comment appeler cette méthode dans la page enfant ? Le code est le suivant :

parent.$().showMessage();

Le parent.$() obtient ici l'objet jQuery dans la fenêtre parent, puis appelle la méthode showMessage dans la fenêtre parent. Il convient de noter que si la méthode de la page parent doit recevoir des paramètres, les paramètres correspondants doivent également être transmis lors de l'appel.

2. Appelez la méthode dans la sous-page de la page parent

Pour appeler la méthode dans la sous-page de la page parent, nous devons utiliser l'objet iframe. L'objet iframe pointe vers une sous-page contenue dans la page actuelle. Dans jQuery, vous pouvez utiliser $('iframe') pour obtenir l'objet jQuery dans la fenêtre enfant, puis appeler la méthode dans la fenêtre enfant.

Par exemple, supposons qu'une méthode nommée showMessage soit définie dans la page enfant :

function showMessage(){
    alert('Hello World!');
}

Comment appeler cette méthode dans la page parent ? Le code est le suivant :

$('iframe')[0].contentWindow.showMessage();

$('iframe') récupère ici l'objet jQuery dans la sous-fenêtre, puis récupère le premier élément iframe via [0], puis récupère l'objet window de la sous-fenêtre via contentWindow, et enfin Appelez la méthode showMessage dans cette fenêtre. Il convient de noter que si la méthode de la sous-page doit recevoir des paramètres, les paramètres correspondants doivent également être transmis lors de l'appel.

En plus d'utiliser les méthodes ci-dessus, vous pouvez également utiliser l'API postMessage pour implémenter la communication entre la page parent et la page enfant, mais c'est un autre sujet et ne sera pas abordé ici.

Résumé

Ce qui précède explique comment implémenter la méthode de page parent appelant une page enfant ou une page enfant appelant une page parent dans jQuery. Il convient de noter que lors de l'accès à travers des domaines, des protocoles ou des ports, il peut y avoir certaines restrictions et les paramètres correspondants doivent être définis. Parallèlement, afin de garantir la maintenabilité et la lisibilité du code, il est recommandé de donner à chaque méthode un nom significatif lors de l'écriture du code et d'éviter autant que possible d'utiliser des fonctions anonymes.

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!