Javascript dans la page != dans un fichier ?

Version imprimable

12/07/2013, 13h25
Desours

Javascript dans la page != dans un fichier ?
Bonjour,

Je me lance dans l'HTML5 et j'ai un soucis avec un truc tout con.
Code:

1 2 3 4 5 6 7 8 9 (function () { ctx = document.getElementById('action').getContext('2d'); var requestAnim; window.addEventListener('load', function(){chargement();} ); })();
Si j'utilise ceci dans ma page en cours aucun soucis.
Si je le mets dans un fichier et que je l'inclus à ma page, il n'arrive pas a atteindre le canvas ayant pour id "action".

Pourriez-vous m'expliquer pourquoi ?
12/07/2013, 15h29
Desours
Solution aussi simple que le problème :D

Parce que le fichier inclus est justement inclus avant la balise canvas. pour solution j'ai changer comme ceci
Code:

1 2 3 4 5 6 7 8 9 window.addEventListener('load', function(){ ctx = document.getElementById('action').getContext('2d'); var requestAnim; chargement(); });
12/07/2013, 17h50
SylvainPV

La bonne pratique est de mettre ta balise script juste avant la fermeture </body>, ainsi ton DOM sera interprété avant l'exécution de ton code Javascript
14/07/2013, 04h16
Watilin

Ou bien de continuer à utiliser l’évènement load ou DOMContentLoaded et placer ses scripts dans le <head>, mais en utilisant l’attribut async. C’est tout autant une bonne pratique.
23/07/2013, 18h26
sekaijin

une bonne pratique est de ne jamais faire de document.getElementById en dehors d'un événement.
A+JYT

Fuseau horaire GMT +2. Il est actuellement 03h44.