1 - JavaScript et HTML

Comment insérer de la programmation JavaScript dans un code HTML? Les déclarations peuvent l'être de deux façons. D'abord dans le fichier source-même grâce à la balise <script>.

<script language="JavaScript">
<!--
[déclarations de variables et de fonctions]
//-->
</script>

On peut aussi les mettre dans un fichier séparé dont on laisse connaître l'emplacement et le nom au navigateur par la même balise.

<script language="JavaScript" src="script.js">
</script>

Cette balise peut être insérée n'importe où dans le fichier source.

Mais il doit nécessairement y avoir interaction entre JavaScript et HTML. Celle-ci se fait à l'intérieur des balises HTML. Pour reprendre l'exemple de la zone de saisie de texte des chapitres précédents, nous utiliserons la balise <a> pour insérer la commande de JavaScript.

<form name="form1">
<input type="text" name="zone1" />
</form>
<a href="javascript:void(0)" OnClick="document.form1.zone1.value='bonjour'">
écrire 'bonjour'
</a>

écrire 'bonjour'

Ce code donne un résultat très semblable à ceux des exemples des deux premiers chapitres. Lorsque vous cliquez sur le lien, la valeur 'bonjour' est assignée à document.form1.zone1.value, ce qui a pour effet d'afficher cette chaîne dans la zone de texte.

Vous avez sûrement remarqué le code href="javascript:void(0)". Il indique au navigateur que le lien ne doit mener nulle part. Internet Explorer 3 ne comprend pas ce code et exige plutôt href="void" (ce qui est incompréhensible pour les versions plus récentes).