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?
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?
en jQuery tu as le .ready() et .load() (en fonction de tes besoins)
par exemple :ou
Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part $(document).ready(function() { console.log("ready"); });
Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part $(window).load(function() { console.log("load"); });
Bonjour,
l'événement HTML onload fait ça.
Exemple :
Code HTML : 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
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>
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
Vous avez un bloqueur de publicités installé.
Le Club Developpez.com n'affiche que des publicités IT, discrètes et non intrusives.
Afin que nous puissions continuer à vous fournir gratuitement du contenu de qualité, merci de nous soutenir en désactivant votre bloqueur de publicités sur Developpez.com.
Partager