jquery écoute la fermeture de la sous-page

En développement web, il est souvent nécessaire de surveiller certaines opérations de la page, comme la fermeture de la page, le saut, etc. Dans la sous-page, il faut savoir écouter son événement de fermeture afin d'effectuer certaines opérations ou transférer certaines données lors de sa fermeture.

Dans ce cas, nous pouvons utiliser jQuery pour écouter l'événement de clôture de la sous-page. La méthode d'implémentation spécifique est la suivante :

1. Récupérer l'objet sous-page

Dans la page parent, vous devez récupérer l'objet fenêtre de la sous-page. Cet objet est obtenu en ouvrant la fenêtre de la méthode sous-page. .open(), par exemple :

var childWin = window.open("child.html");

De cette façon, vous pouvez obtenir l'objet de page enfant childWin.

2. Écoutez l'événement de clôture de la sous-page

Après avoir obtenu l'objet de sous-page, nous pouvons l'utiliser pour écouter l'événement de clôture. La méthode que vous devez utiliser est onbeforeunload, qui se déclenche à la fermeture de la page. On peut lier cette méthode à l'objet window de la page enfant, par exemple :

childWin.onbeforeunload = function(){
//Opérations à effectuer lors de la fermeture de la page
}

Dans cette méthode, on peut effectuer quelques opérations. Par exemple, transmettez des données à la page parent ou effectuez un travail de nettoyage.

3. Écoutez les opérations après l'événement de clôture

Lorsque la sous-page est fermée, nous pouvons effectuer les opérations associées dans la méthode onbeforeunload. Par exemple :

childWin.onbeforeunload = function(){
//Transférer les données vers la page parent
window.opener.postMessage(data, '*');
//Effectuer un travail de nettoyage
//...
}

Ici, nous utilisons la méthode window.opener.postMessage() pour transmettre les données à la page parent. Cette méthode est une méthode d'envoi de données à la page parent dans la page enfant. Le * indique que les données peuvent être envoyées vers n'importe quelle page.

En plus de transmettre des données, nous pouvons également effectuer des travaux de nettoyage. Cela inclut la fermeture des connexions ouvertes, la suppression du cache local, etc. Ces tâches visent toutes à garantir l’intégrité et la sécurité des données lorsque la page est fermée.

Pour résumer, on peut utiliser jQuery pour écouter l'événement de fermeture de la sous-page afin d'effectuer certaines opérations ou transférer certaines données lors de sa fermeture. Cette méthode est relativement simple et couramment utilisée, et constitue une compétence essentielle pour les développeurs front-end.

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!