Script readystate : Avancement du chargement d'un document avec readystatechange

Utilisation de l'événement readystatechange pour détecter l'avancement du chargement de la page

Partie II : L'interactivité

Edition 1 | Chapitre 12 : Manipuler le document / Page 170

Edition 2 | Chapitre 12 : Manipuler le document / Page 184

Edition 3 | Chapitre 12 : Manipuler le document / Page 184

Exécution du script

Emulation de la console

Code source

<html><head><title>Etat du document avec readyState</title><script type="text/javascript">  document.addEventListener("readystatechange", function(evt) {    console.log("readyState passe à "+document.readyState);    if (document.readyState=="interactive") {      document.getElementById("monH1").style.border="1px solid #999";        }  });</script></head><body>  <script>    console.log("Dans le body readyState="+document.readyState);  </script>  <h1 id="monH1">Avancement de l'état du document avec readyState</h1></body><script>  console.log("Avant /html readyState="+document.readyState);      </script></html>

Troisième édition Tout JavaScript chez Dunod

En savoir plus
Sortie le 4 janvier 2023

Version papier 29€90
Format électronique 22€99.

Commandez en ligne

Dunod Fnac Amazon

Le graph des objets JavaScript

Chargement
en cours...