1) Généralités

Netscape, IE, Mozilla, Opera ... au gré de leurs versions successives, ne sont pas conformes aux mêmes spécifications. Les différences sont nombreuses et l'écriture de programmes multi-navigateurs est un travail titanesque limite sisyphéen. La version 1.3 de JavaScript (conforme à la norme 262 de l'ECMA) est, en principe, supportée par tous les navigateurs.
Pour des raisons de sécurité, le langage ne peut pas accéder à la mémoire vive ou aux fichiers de machine de l'utilisateur. L'écriture est étroitement limitée à des fichiers-textes (cookies). Un script ne peut pas intervenir sur une autre page que celle qui le contient.
Insertion d'un script
La balise <SCRIPT></SCRIPT> peut être placée n'importe où dans un document. Ses attributs sont LANGUAGE : nom du langage, TYPE : type MIME (Multipurpose Internet Mail Extensions), SRC : nom du fichier source, CHARSET : référence ISO du jeu de caractères.
<SCRIPT language="javascript" type="text/javascript" src="script.js" charset="iso-8859-1">

2) Syntaxe

La syntaxe est calquée sur celle de Java (C++) sans la rigueur imposée par la compilation.
Les commentaires sont annoncés par deux slashes (//) ou compris entre /* et */
Le point virgule (;) est le séparateur d'instructions. Son absence ne déclenche pas de d'erreur si l'instruction occupe seule une ligne physique. Les accolades { } regroupent une suite d'instructions en un bloc unique.
JavaScript est sensible à la casse (case sensitive) c'est à dire que le mot CodePostal est différent de Codepostal et de codepostal. Attention aux noms de variables !

3) Types de données

Number
C'est le seul type numérique pur. Il est inutile de déclarer un nouvel objet Number.

Date
C'est le nombre de millisecondes écoulées depuis le 1er janvier 1970 à 0 heures. La date prise en compte est celle de l'ordinateur. Il faut créer une nouvelle instance de l'objet Date avant de l'utiliser.
var Date1 = new Date(); ou Nais = new Date(74, 02, 02);

String
C'est une chaîne de caractères qui peut être vide. Il est inutile de déclarer un nouvel objet String. Pour délimiter les chaînes de caractères on utilise indifféremment la simple (') ou la double (") quote.
var Texte1 = "Des parasites me brouillent l'écoute.";

Boolean
Deux valeurs possibles true ou false. Il est inutile de déclarer un nouvel objet Boolean.
Ces objets peuvent recevoir le résultat d'une comparaison, d'un test ou de l'exécution d'une fonction.
var Juste = (a > b);

Array
Un tableau est une collection d'objets ordonnés. Les éléments d'un tableau sont repéré par un indice à partir de zéro ou par des chaînes de caractères. On n'est pas obligé de définir la taille d'un  tableau lors de sa création. Un tableau peut contenir n'importe quel type d'objets et en particulier d'autres tableaux (tableaux à plusieurs dimensions). On accède aux données d'un tableau par un indice entre crochets [ ]. Il faut créer une nouvelle instance de l'objet Array avant de l'utiliser.
var Groupe1 = new Array();

Exemples de types, d'opérateurs, de méthodes

4) Structures de contrôles

Alternatives (Utilisez le = = pour les tests)

Itératives (Utilisez le = = pour les tests) 

break permet une sortie de boucle avant que la condition terminale soit atteinte
continue permet d'ignorer une partie de la boucle sans en sortir
for / in permet de parcourir les propriétés d'un objet ou les éléments d'un tableau.
Autres fonctions et mots clés
with permet de préfixer le nom d'un objet dans les instructions du bloc qui suit
this mot clé qui permet de se référer implicitement à l'objet en cours
eval() permet d'exécuter une chaîne de commande
isFinite() permet de savoir si un nombre est utilisable
isNaN() permet de savoir si une expression est un nombre

5) Variables et fonctions

Constantes
Nous avons déjà rencontré des constantes systèmes comme Math.PI, true, false, NULL
octal : 0125 , hexadécimal : 0x12AF , réel : 1.128E-3
Dans les chaînes de caractères et les expressions régulières on peut utiliser :

  Variables
Le mot var n'est pas obligatoire mais fortement conseillé. L'affectation peut être faite pendant la déclaration
var Prix = 40.50, Nom = "pomme";
Une variable globale porte sur (est utilisable dans) tout le document, une variable locale à l'intérieur d'une fonction seulement.
Il est préférable de créer (avec var) les variables globales dans l'en-tête du document.
Les variables locales sont créées comme argument d'une fonction ou par déclaration (avec var) à l'intérieur de la fonction.
On peut alors faire coexister deux variables de même nom (mais est-ce bien nécessaire ?).
Procédures et fonctions
Une fonction est déclarée par le mot function.
Lors de son appel elle peut (ou non) recevoir des arguments.
Elle peut (ou non) retourner un résultat.

Exercices sur les fonctions

6) Divers

Expressions régulières
Elles créent des modèles compilés qui permettent d'effectuer des recherches dans des blocs de texte. Une expression régulière est une chaîne (plus ou moins codée) affectée entre / (slash) à une variable
var Cherche = /Monsieur/;
ou déclarée comme une instance de l'objet RegExp
var Cherche = new RegExp("Monsieur");
Attention aux majuscules et minuscules. Les caractères utilisés dans le codage doivent être précédés de \ (\. point, \/ slash) pour être pris au premier degré.

  Le DOM et les objets de JavaScript

L'objet Event
Un événement correspond à une action de l'utilisateur détectée par le navigateur. Chaque événement est associé à un gestionnaire d'événements (event handler) capable de l'identifier et de le traiter. Il est possible de rediriger les événements vers des fonctions définies par l'utilisateur.
<form name = "form1" onSubmit = "envoyer()">
ou document.form1.onSubmit=envoyer; Sans parenthèses !
Netscape transmet l'objet event en paramètre au gestionnaire d'événements mais pas Internet Explorer. De plus Netscape dispose d'un certains nombres de méthodes (captureEvents(), releaseEvents(), routeEvent() et handleEvent()) qui permettent de contrôler le déroulement des événements.

Retour au début