Précisions sur les points rencontrés précédemment

•  L'insertion du script dans la page

Comme nous l'avons observé il est possible d'inclure le script dans un fichier séparé ce qui permet de mutualiser un seul et même script sur plusieurs page HTML. Pour ce faire nous avons utiliser la notation suivante :

<SCRIPT src="mes_scripts/fichier.js">	
</SCRIPT">	
	

Nous avons vu qu'il était aussi possible d'insérer un script dans une page HTML en se servant des balises de conteneur de script suivantes :
<SCRIPT></SCRIPT>

La question que nous pourrions nous poser est alors la suivante : où doit on exactement placer les scripts? En fait il existe différentes possibilités suivant le résultat que l'on souhaite obtenir :

Placer les scripts dans l'entête de page

Un navigateur lit la page de haut en bas et de gauche à droite. Il commence donc naturellement par prendre connaissance de l'entête avant d'aborder le contenu de la page HTML. C'est pourquoi c'est dans la partie header que seront placés ou inclus la majorité des scripts. Ils seront soit directement exécutable à la lecture de l'entête par exemple si l'on souhaite redimensionner la fenêtre dès son affichage, soit ils seront écrits sous la forme de fonctions qui s'exécuterons suite à un évènement particulier (par exemple si vous souhaitez réaliser un roll-over, c'est à dire une image qui changerait au survol de la souris ).

Placer les scripts dans le corps de la page

C'est la technique que nous avons utilisée dans le premier exemple que nous avons abordé au chapitre I. Cette méthode se révèle utile lorsque l'on souhaite que le résultat du script s'affiche une fois que la page a été chargée.

Placer les scripts dans une balise HTML

Pour les scripts placés dans l'entête nous avons évoqué la possibilité d'avoir du code imbriqué dans une fonction. Celui-ci ne devant s'exécuter que lorsqu'un évènement particulier survient. Pour capter l'évènement en question il est alors nécessaire d'utiliser un handler ou gestionnaire d'évènement qui sera placé dans la balise concernée. Par exemple dans le cas du roll-over dont nous avons parlé, un évènement appelé "onmouseover" pourra être placé dans la balise <IMG> de l'image concernée afin de pouvoir appelée la fonction gérant le roll-over :

<IMG src="mon_image.gif" onmouseover="fonction_roll_over()">
	

Il est aussi possible d'appeller une fonction JavaScript lorsque l'on clique sur un lien, pour cela il suffit de définir le lien en lui précisant qu'il est destiné à l'interpréteur Javascript :

<A HREF="Javascript:alert('Vous venez de cliquer!')">
Cliquer ici
</A>