Où placer le JavaScript?

Vous devez placer le script entre les tags <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> et </SCRIPT>.
Il faut remarquer que le tag TYPE="text/javascript" n'est pas obligatoire.
Tout ce qui sera entre ces tags sera reconnu comme du JavaScript. Si vous mettez du code HTML, cela provoquera une erreur.
Vous pouvez placer le script entre les tags <HEAD> </HEAD> et <BODY> </BODY>.

<html>
<head>
<title>Ma page</title>
</head>
<body>
<script LANGUAGE="JavaScript">
<!--
alert('Bienvenue sur ma page');
// -->
</script>
</body>
</html>

Quelques remarques :

  1. <!-- et // --> sont des commentaires. Ils servent uniquement si votre navigateur de reconnaît pas le JavaScript, ainsi le code du script ne sera pas affiché.
  2. Les lignes du script se terminent généralement par un point-virgule (;). Il n'est obligatoire que si vous mettez plusieurs instructions sur une même ligne, ceci afin que le browser puisse voir où se termine l'instruction.
  3. Il faut mettre le texte entre " " ou entre ' ' sinon il sera considéré comme une variable.
    Il vaut mieux utiliser ' ' lorsque vous utilisez du texte directement lors du traitement d'un événement sans faire appel à une fonction qui effectue ce traitement. C'est nécessaire car si vous mettez " ", il va considérer la fin du traitement de l'événement au deuxième "
  4. Les commentaires :
    // : commentaire sur une seul ligne.
    /* ... */     : commentaires qui peuvent être mis sur plusieurs lignes.

Exemple 1 : bonne façon de faire.

<html>
<head>
<title>Ma page</title>
</head>
<body>
<a href="#" onClick="alert('message');">cliquez ici</a>
<a href="javascript:alert('message');">cliquez ici</a>
</body>
</html>

Exemple 2 : bonne façon de faire.

<html>
<head>
<title>Ma page</title>
<script LANGUAGE="JavaScript">
<!--

function message(){
  alert("message");
  alert('autre message');
  //ici on peut utiliser " " ou ' '
}

// -->
</script>
</head>
<body>
<a href="#" onClick="message();">cliquez ici</a>
</body>
</html>

Exemple 3 : mauvaise façon de faire. Cela va provoquer une erreur.

<html>
<head>
<title>Ma page</title>
</head>
<body>
<a href="#" onClick="alert("message");">cliquez ici</a>
</body>
</html>

Les différentes versions du JavaScript

Selon que vous voulez utiliser une version du JavaScript, vous devrez mettre des balises différentes.

Version Compatibilité Balise
JavaScript 1.0 I.Explorer 3.0 - Netscape 2.0 <SCRIPT LANGUAGE="JavaScript1.0">
JavaScript 1.1 Netscape 3.0 <SCRIPT LANGUAGE="JavaScript1.1">
JavaScript 1.2 I.Explorer 4.x - Netscape 4.x <SCRIPT LANGUAGE="JavaScript1.2">
JavaScript 1.3 I.Explorer 4.x,5.0 - Netscape 4.x <SCRIPT LANGUAGE="JavaScript1.3">

 

Les bases du JavaScript

Retour à la page JavaScriptLes bases du JavaScript : Majuscules / Minuscules