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"); });
La forme des pyramides prouve que l'Homme a toujours tendance a en faire de moins en moins.
Venez discuter sur le Chat de Développez !
Bonjour,
l'événement HTML onload fait ça.
Christophe
Pensez à mettre quand c'est le cas.
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>
Blog
Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
(Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)
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
Plus vite encore plus vite toujours plus vite.
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