Il peut sembler curieux de sauter directement à la fin de l’histoire, mais je tiens à vous dire dès à présent comment fermer la fenêtre log nouvellement ouverte quand un utilisateur sort de la page. Le body tag HTML a un attribut appelé onunload que JavaScript peut exécuter quand la
Evénements
page se décharge. Unload est l’un de quelques dizaines d’événements de page possibles – la figure 3 contient les plus intéressants. Mais, pour le moment, nous nous intéressons à l’événement close, auquel nous assignons JavaScript pour fermer la fenêtre log. Pour bien comprendre le processus open et close, le HTML suivant ouvre une nouvelle fenêtre, définit la focalisation sur la fenêtre originale, affiche une page vide, puis ferme la fenêtre log quand vous sortez de la page :
<script>
var logWin = window.open(); window.focus();
</script>
<body onunload="logWin.close();">
Le HTML de la figure 1 inclut les fonctions JavaScript log et add. Pour afficher le résultat de la fonction add, l’utilisateur introduit deux valeurs dans le formulaire HTML puis clique sur le bouton Add pour exécuter JavaScript. Le résultat apparaît dans le quatrième élément d’entrée. Le JavaScript pour le bouton d’entrée est le suivant
onClick="this.form.result.value = add(document.addForm.one, document.addForm.two);"/>
L’attribut onclick ordonne au navigateur d’invoquer la fonction add quand l’utilisateur clique sur le bouton Add. Les deux arguments de fonction utilisent la variable de page spéciale appelée document pour extraire d’abord le formulaire puis un champ de ce formulaire par le nom. La valeur de renvoi de la fonction add est assignée à la valeur result field du formulaire. J’utilise la syntaxe this.form.result.value plutôt que document.addForm.result. value afin de pouvoir introduire une autre variable spéciale appelée this. Le mot-clé this est sensible au contexte parce qu’il fait référence au contexte d’objet HTML courant qui, dans cet exemple, est le bouton input. Si le mot-clé this est utilisé à l’intérieur du body tag ou du form tag, il fait référence à l’objet HTML. Un objet input element HTML a une douzaine d’attributs. L’un d’entre eux est form, qui fait référence au formulaire qui contient l’élément d’entrée – c’est-àdire la qualification this.form.res u l t du champ result de addForm.
Téléchargez cette ressource
Microsoft 365 Tenant Resilience
Face aux failles de résilience des tenants M365 (configurations, privilèges, sauvegarde). Découvrez 5 piliers pour durcir, segmenter et surveiller vos environnements afin de limiter l’impact des attaques. Prioriser vos chantiers cyber et améliorer la résilience de vos tenants Microsoft 365.
Les articles les plus consultés
A travers cette chaîne
A travers ITPro
Les plus consultés sur iTPro.fr
- Communication d’entreprise à l’ère de l’IA : fragmentation, Shadow AI et perte de contrôle
- Pourquoi les outils de sécurité ne suffisent plus face aux angles morts de la détection
- Rhea1 : SiPearl allume le CPU européen le plus ambitieux pour le HPC et l’IA souveraine
- L’analytique prédictive au service de la décarbonation en France
Articles les + lus
Microsoft Build 2026 : contre-offensive des modèles maison face à OpenAI et Anthropic
Rhea1 : SiPearl allume le CPU européen le plus ambitieux pour le HPC et l’IA souveraine
Analyse Patch Tuesday Mai 2026
Les coûts cachés des merge requests générées par l’IA
Femmes et métiers de la tech : une attractivité réelle freinée par des stéréotypes persistants
À la une de la chaîne Tech
- Microsoft Build 2026 : contre-offensive des modèles maison face à OpenAI et Anthropic
- Rhea1 : SiPearl allume le CPU européen le plus ambitieux pour le HPC et l’IA souveraine
- Analyse Patch Tuesday Mai 2026
- Les coûts cachés des merge requests générées par l’IA
- Femmes et métiers de la tech : une attractivité réelle freinée par des stéréotypes persistants
