Exécuter une fonction en FIN de chargement de la page

Version imprimable

13/04/2017, 09h00
moimp

Exécuter une fonction en FIN de chargement de la page

Bonjour,
J'ai lu quelque part mais je ne sais plus où, comment exécuter une fonction en fin de chargement. Y a t-il un événement particulier ou une précaution particulière?
13/04/2017, 09h37
Doksuri

en jQuery tu as le .ready() et .load() (en fonction de tes besoins)
par exemple :

Code:

$(document).ready(function() { console.log("ready"); });

ou

Code:

$(window).load(function() { console.log("load"); });
13/04/2017, 12h05
Christophe P.

Bonjour,

l'événement HTML onload fait ça.

Exemple :

Code:

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
  <meta http-equiv="cache-control" content="public, max-age=60">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="author" content="Daniel Hagnoul">
  <title>Test</title>
  <style>
    p {
      font-family: cursive;
      font-size: large;
      background-color: grey;
    }
  </style>
  <script>
    'use strict';
        
    document.addEventListener( 'DOMContentLoaded', ev => {
      
      // le DOM est construit, mais la page n'est pas affichée
      
      document.querySelector( "p" ).style.backgroundColor = "yellow";
      
    }, false );
    
    window.addEventListener( 'load', ev => {
      
      // le DOM est construit et la page est affichée
      
      setTimeout( () => {
        document.querySelector( "p" ).style.fontSize = "4rem";
      }, 3000 );
      
    }, false );
  </script>
</head>
<body>
  <main>
 
    <p>Bonjour !</p>
 
  </main>
</body>
</html>

14/04/2017, 11h33
melka one

jour

comme l'exemple de danielhagnoul le demontre il faut avant tout utiliser addEventListener qui évite que d'autres evenements load ou DOMContentLoaded attaché a la page ne soient écrasé surtout ne pas utiliser onload