Javascript - Implantation du code
A quel emplacement insérer le Javascript dans votre page HTML
Il existe plusieurs façons d'inclure du JavaScript dans une page HTML :
- Grâce à la balise <script>
- En mettant le code dans un fichier
- Grâce aux événements
Dans la balise script
Le code Javascript peut être inséré où vous le désirez dans votre page
Web, vous devez toutefois veiller à ce que le navigateur ait entièrement chargé
votre script avant d'exécuter une instruction. En effet, lorsque le navigateur charge
votre page Web, il la traite de haut en bas, de plus vos visiteurs (souvent impatients) peuvent
très bien interrompre le chargement d'une page, auquel cas si l'appel d'une fonction se situe
avant la fonction dans votre page il est probable que cela génèrera une erreur si cette fonction n'a pas été chargée.
Ainsi, on place généralement tous les script dans la balise
d'en-tête (ce sont les éléments située entre les balises <head>
et </head>) de plus la visibilité d'une page sera accru.
Par soucis d'optimisation du chargement d'une page il peut etre envisagé de placer les scripts en fin de page de cette maniere tous les elements d'une page seront chargé en premier (texte,images...etc) les script se trouvants en fin de page seront chargé en dernier.
Les événements Javascript seront quant à eux placés dans
le corps de la page (entre les balises <body> et </body>) comme attribut d'une commande HTML...
<html>
<head>
<script type="text/javascript">
function bonjour(){
alert('bonjour a tous');
}
</script>
</head>
<body>
<button onclick='bonjour()'>click</button>
</body>
</html>
On peut ainsi (en passant un argument différent de "JavaScript") utiliser d'autres
langages de programmation que celui-ci (par exemple le VbScript).
en html 5 on n'est pas obligé de préciser le type la balise script suffit
a elle seul.
Pour utiliser différentes versions de JavaScript tout en conservant une certaine
compatibilité, il suffit de déclarer plusieurs balises SCRIPT ayant
chacune comme paramètre la version du JavaScript correspondante.
Dans un fichier externe
Il est possible et même conseillé de mettre les codes de JavaScript en annexe dans un fichier externe. Le code à insérer est le suivant :
<script type="text/javascript" src="[/contents/542-url url]/fichier.js"> </script>
Oû url/fichier.js correspond au chemin d'accès et au fichier contenant le
code en JavaScript, sachant que si celui-ci n'existe pas le navigateur exécutera
le code inséré entre les 2 balises.
Grâce aux événements
On appelle événement une action de l'utilisateur, comme le clic d'un
des boutons de la souris. Le code dans le cas du résultat d'un événement
s'écrit :
<div onclick='alert('bonjour') '>cliquez ici</div>
Pour une question de lisibilité cette methode est a proscrire il est preferable de cree une fonction se trouvant entre les balise script et de l'appeler avec l'evenement.