Maison > Article > interface Web > Utilisation des fonctions de chargement et de déchargement jQuery
Lorsque l'utilisateur clique sur le lien pour quitter cette page, une boîte de message apparaît :
$(window).unload(function(){ alert("Goodbye!"); });
Essayez-le vous-même
Lorsque l'utilisateur quitte la page, l'événement de déchargement se produit.
Plus précisément, l'événement de déchargement sera émis lorsque les événements suivants se produisent :
Cliquez sur un lien qui quitte la page
Tapez la nouvelle URL dans la barre d'adresse
Utilisez le bouton Suivant ou Précédent
Fermez le navigateur
Recharger la page
La méthode unload() lie le programme gestionnaire d'événements à l'événement de déchargement.
La méthode unload() s'applique uniquement aux objets window.
event.unload(function)
参数 | 描述 |
---|---|
function | 必需。规定当触发 unload 事件时运行的函数。 |
load(url, [data], [callback]) charge le code du fichier HTML distant et l'insère dans le DOM. La méthode GET est utilisée par défaut - automatiquement convertie en méthode POST lors du passage de paramètres supplémentaires. Dans jQuery 1.2, vous pouvez spécifier un sélecteur pour filtrer le document HTML chargé, et seul le code HTML filtré sera inséré dans le DOM. La syntaxe est du type "url #some > selector".
a trois paramètres, à savoir :
url — (String) — URL de la page Web HTML à charger.
data (facultatif) — (Map,String) — Données clé/valeur envoyées au serveur. Dans jQuery 1.3, il est également possible d'accepter une chaîne.
rappel (facultatif) — Rappel Fonction de rappel lorsque le rappel est chargé avec succès.
Exemple :
Chargez la section de navigation de la barre latérale de l'article dans une liste non ordonnée.
Code HTML :
Liens jQuery :
Chargez le contenu du fichier feeds.html.
Code jQuery :
$("#feeds").load("feeds.html");
Identique à ci-dessus, mais envoie des paramètres supplémentaires sous forme de POST et affiche des informations sur le succès.
Code jQuery :
$("#feeds").load("feeds.php", {limit: 25}, function(){
alert("Les 25 dernières entrées du flux ont été loaded");
});
unload(fn) Lier une fonction de gestionnaire à l'événement unload de chaque élément correspondant.
Parameters:fn — Function est la fonction de gestionnaire liée à l'événement de déchargement de chaque élément correspondant.
Exemple : Lorsque la page est déchargée, une boîte d'alerte apparaît:
code jQuery :
$(window).unload( function () { alert("Bye maintenant!" ); } );
load(url, [data], [callback]) Chargez le code du fichier HTML distant et insérez-le dans le DOM. La méthode GET est utilisée par défaut - automatiquement convertie en méthode POST lors du passage de paramètres supplémentaires. Dans jQuery 1.2, vous pouvez spécifier un sélecteur pour filtrer le document HTML chargé, et seul le code HTML filtré sera inséré dans le DOM. La syntaxe est du type "url #some > selector".
a trois paramètres, à savoir :
url — (String) — URL de la page Web HTML à charger.
data (facultatif) — (Map,String) — Données clé/valeur envoyées au serveur. Dans jQuery 1.3, il est également possible d'accepter une chaîne.
callback (facultatif) — Fonction de rappel lorsque le rappel est chargé avec succès.
Exemple :
Chargez la section de navigation de la barre latérale de l'article dans une liste non ordonnée.
Code HTML :
Liens jQuery :
Chargez le contenu du fichier feeds.html.
Code jQuery :
$("#feeds").load("feeds.html");
Identique à ci-dessus, mais envoie des paramètres supplémentaires sous forme de POST et affiche des informations sur le succès.
Code jQuery :
$("#feeds").load("feeds.php", {limit: 25}, function(){
alert("Les 25 dernières entrées du flux ont été loaded");
});
unload(fn) Lier une fonction de gestionnaire à l'événement unload de chaque élément correspondant.
Parameters:fn — Function est la fonction de gestionnaire liée à l'événement de déchargement de chaque élément correspondant.
Exemple : Une boîte d'avertissement apparaît lorsque la page est déchargée :
code jQuery :
$(window).unload( function () { alert("Bye now!"); } ) ;
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!