Javascript dans la page != dans un fichier ?

**Desours** · 12/07/2013, 13h25

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

**Desours** · 12/07/2013, 15h29

Solution aussi simple que le problème

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**SylvainPV** · 12/07/2013, 17h50

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

**Watilin** · 14/07/2013, 04h16

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.

**sekaijin** · 23/07/2013, 18h26

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

Javascript dans la page != dans un fichier ?

JavaScript

Discussions similaires

Partager

Partager