Met en majuscule la premi re lettre de tous les mots
Définition et utilisation événement onunload
LES BALISES HTML
se produit Lorsque l'utilisateur quitte la page (en cliquant sur un lien, envoi d'un formulaire, en fermant la fenêtre du navigateur, etc.), il declanche l'evenement onUnload.
Remarque : Si vous rechargez une page pour l’actualiser ou la rafraîchir ( l'événement onload ), vous déclencher également l'événement unload.
Syntaxe
<input onunload="script" />
Valeurs d'attribut
Valeur |
Description |
|---|---|
|
script |
Le script à exécuter sur onunload |
Exemple Exécuter un JavaScript lorsqu'un utilisateur décharge le document :
Exemple : Copier le code
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>html5 demo</title>
<script>
function goodbye()
{
alert("Merci pour votre visite à www.oujood.com!");
}
</script>
</head>
<body onunload="goodbye()">
<h1>Bien venu sur votre site</h1>
<p>fermez cette fenêtre ou appuyez sur la touche F5 pour recharger la
page.</p>
</body>
</html>
Ce code utilise l'attribut d'événement onunload pour déclencher la fonction JavaScript goodbye() lorsque l'utilisateur quitte la page, affichant ainsi un message de remerciement.
Exemple d'utilisation de l'événement onunload
L'événement onunload en HTML est déclenché lorsque la page est en train d'être déchargée, c'est-à-dire lorsqu'elle est fermée ou que la navigation vers une autre page est effectuée. Voici quelques balises HTML qui supportent l'événement onunload:
- <body> : Vous pouvez attacher l'événement directement à la balise <body> de votre document HTML.
- <iframe> : L'événement onunload peut également être utilisé avec la balise <iframe>.
- <a> (lien) : Vous pouvez utiliser onunload avec une balise <a> (lien) pour exécuter une fonction lorsque l'utilisateur quitte la page en suivant le lien.
<body onunload="myFunction()"></body>
<iframe src="page.html" onunload="myFunction()"></iframe>
<a href="nouvelle_page.html" onunload="myFunction()">Cliquez ici</a>
Conseils et astuces
Il est important de noter que l'utilisation de l'événement onunload peut être délicate, car certains navigateurs peuvent restreindre son utilisation pour des raisons de sécurité. De plus, les navigateurs modernes peuvent imposer des limitations sur ce qui peut être fait dans le gestionnaire d'événements onunload pour éviter les abus.
Lorsque vous utilisez cet événement, assurez-vous de comprendre comment il fonctionne dans le contexte de votre application et de tester son comportement sur différents navigateurs pour garantir une expérience utilisateur cohérente.
- Assurez-vous que les actions déclenchées par onunload sont rapides, car l'utilisateur pourrait fermer la page avant qu'elles ne soient terminées.
- Évitez d'utiliser des pop-ups intrusifs, car cela peut être une mauvaise expérience utilisateur.
Appui de navigateur
L'attribut d'événement onunload est pris en charge dans tous les principaux navigateurs.
Différences entre HTML 4.01 et HTML5
Aucune.
Exemple pratique afficher un popUp avec l’événement onunload
Exemple : Copier le code
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>html5 demo</title>
<script language="JavaScript">
<!-- Début
function goodbye()
{//mettez votre page dans la variable page
page='http://www.Websyndic.com/?ref=849649'
window.open(page,'','toolbar=no, menubar=no,location=no,height=800,width=600');
}
// Fin -->
</script>
</head>
<body onunload="goodbye()">
<h1>Bien venu sur votre site</h1>
<p>fermez cette fenetre ou apuyez sur la touche F5 pour recharger la
page.</p>
</body>
</html>
Par carabde 10 mars 2014