IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Voir le flux RSS

danielhagnoul

Exécuter un code lors du "reload" d'une page web

Noter ce billet
par , 24/09/2019 à 21h15 (743 Affichages)
Il n'est pas possible de distinguer un reload d'un load puisque les deux génèrent le même type d'événement 'load', mais on peut se servir du sessionStorage.

Exemple :

Code JavaScript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
window.addEventListener('load', ev => {
    // le DOM est construit et la page web est visible
 
    // début code du test
 
    console.log(`La page est chargée ou rechargée : ${ev.type}`);
 
    // recharge la page web toutes les 5 secondes
    setTimeout(() => {
        document.location.reload();
    }, 5000);
 
    if (sessionStorage.getItem("visit") == null)
    {
        // première visite de la page
        console.log(`Permière visite de la page`);
    } else {
        // nouvelle visite de la page
        console.log(`Nouvelle visite de la page. Visite précédente : ${sessionStorage.getItem("visit")}`);
    }
 
    sessionStorage.setItem("visit", new Date());
 
    // fin code du test
 
}, {
    capture: false,
    passive: true,
    once: false
});

Licence Creative Commons Attribution 2.0 Belgique

Envoyer le billet « Exécuter un code lors du "reload" d'une page web » dans le blog Viadeo Envoyer le billet « Exécuter un code lors du "reload" d'une page web » dans le blog Twitter Envoyer le billet « Exécuter un code lors du "reload" d'une page web » dans le blog Google Envoyer le billet « Exécuter un code lors du "reload" d'une page web » dans le blog Facebook Envoyer le billet « Exécuter un code lors du "reload" d'une page web » dans le blog Digg Envoyer le billet « Exécuter un code lors du "reload" d'une page web » dans le blog Delicious Envoyer le billet « Exécuter un code lors du "reload" d'une page web » dans le blog MySpace Envoyer le billet « Exécuter un code lors du "reload" d'une page web » dans le blog Yahoo

Commentaires