Débuter avec JavaScript

DEBUTER AVEC JAVASCRIPT.

Introduction à JavaScript

Les différentes versions JavaScript

Intégrer un script JavaScript

Lien vers un script

Différences entre JavaScript et VBScript

Principe d'exécution du script par le navigateur

Concepts de programmation

Introduction à JavaScript.

JavaScript a été créé par Netscape pour développer des applications Internet
et par la même occasion, d'étendre les possibilités du HTML. Il s'agit d'un langage
léger et orienté objet permettant d'écrire des scripts. Attention il ne faut pas confondre
Java et JavaScript, Java est un langage de programmation développé par SUN et non
un langage de script comme JavaScript, de plus les scripts écrits avec JavaScript
sont interprétés par le navigateur et incorporés dans le code HTML, ce qui n'est pas le
cas du langage Java.

Les différences entre JavaScript et JAVA.

JavaScript	JAVA
Code intégré dans la page HTML	Code non intégré dans la page HTML (applet)
Code interprété par le navigateur au moment de l'exécution	Code source compilé avant son exécution
Code de programmation simple mais limité	Langage de programmation complexe mais illimitée (presque)
Accès aux objets du navigateur	Pas d'accès aux objets du navigateur

[TOP] [RETOUR RUBRIQUE]

Les différentes versions JavaScript.

Il existe à l'heure actuelle plusieurs versions de Javascript, ci-dessous un tableau
résumant les différentes versions avec les navigateurs compatibles ainsi que la balise
définissant la version.

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">

[TOP] [RETOUR RUBRIQUE]

Intégrer un script JavaScript.

Pour intégrer un script JavaScript dans une page HTML, le code du script doit être
placé à l'intérieur des balises <SCRIPT> et </SCRIPT>. Le langage doit être
spécifié avec l'attribut LANGUAGE.

ex : <SCRIPT LANGUAGE="JAVASCRIPT">
pour JavaScript.
Ou (avec HTML 4.0)
ex : <SCRIPT TYPE="text/javascript">

ex : <SCRIPT LANGUAGE="VBSCRIPT">
pour VBscript.
Ou (avec HTML 4.0)
ex : <SCRIPT TYPE="text/vbscript">

De plus n'oubliez pas d'entourer les scripts par des balises de commentaires
(), ce qui a pour effet de cacher le contenu des scripts aux anciens
navigateurs non compatibles avec la balise <SCRIPT>.

A noter qu'une solution de rechange peut être envisagée avec les
balises <NOSCRIPT> et </NOSCRIPT> qui permettent
d'accueillir du texte et/ou du code HTML.

Exemple d'intégration d'un script.

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
<NOSCRIPT>
Votre navigateur n'accepte pas le JavaScript.
</NOSCRIPT>

[TOP] [RETOUR RUBRIQUE]

Lien vers un script.

Vous pouvez choisir de ne pas intégrer un script dans votre code HTML.
Pour cela, il suffit d'indiquer à la balise <SCRIPT> où votre fichier script se trouve.
Votre fichier script doit porter l'extension .js s'il est rédigé en Javascript
ou .vbs pour VBSCRIPT.

Exemple pour un fichier JavaScript.

<SCRIPT SRC="message.js" TYPE="text/JavaScript">

[TOP] [RETOUR RUBRIQUE]

Différences entre JavaScript et VBScript.

Pour réaliser vos scripts, il existe deux langages possibles : JavaScript
(technologie Netscape) et VBScript (technologie Microsoft).
Voici un tableau résumant les propriétés et points forts de ces deux langages.

	Compatibilité	Origine	Notions	Implantation sur le Net
Javascript	Internet Explorer et Netscape	C++	Notions en C++ recommandées	Excellente
VBScript	Internet Explorer	Visual Basic	Sans notions particulières	Moyenne

[TOP] [RETOUR RUBRIQUE]

Principe d'exécution du script par le navigateur.

Les Scripts permettent d'indiquer aux navigateurs comment ils doivent réagir
à certains événements, comme par exemple un clic de souris sur un bouton.
On appelle ceci "la gestion par l'événement".
Schéma décrivant ce phénomène.

L'objet	Evénement --------->	Gestionnaire d'événement
(bouton)	(clic de souris)	(envoi du formulaire)
Object	Event	Event Handler

[TOP] [RETOUR RUBRIQUE]

Concepts de programmation.

Avant de vous lancer dans l'écriture de scripts, voici quelques bases
pour des scripts sans ERRORS.

Les commentaires.
Vous pouvez ajouter des commentaires personnels dans vos scripts :
sur une ligne avec //

// ceci est un commentaire sur une ligne

sur plusieurs lignes avec /* ....... */

/* ceci est un commentaire
sur plusieurs lignes */

Les variables.
C'est là que vous stockez vos valeurs.

Les expressions mathématiques.
Elles renvoient le résultat d'un calcul.
Exemple : 2+3
Ajoute 2 et 3 et renvoie le résultat 5, 2 et 3 étant des opérandes
et le signe + l'opérateur.

Les opérateurs.
Ils permettent par exemple de comparer des valeurs.
Exemple : 1 < 2
Résultat vrai (true) car 2 est bien supérieur à 1.

Voici un tableau récapitulant les opérateurs (calcul et comparaison) les plus fréquents.
Pour tester le résultat (valeur ou vrai ou faux) a est égal à 5 et b est égal à 4.

Symbole	Type d'opérateur	Description	Exemple	Résultat
=	Opérateur de calcul	A la valeur de	a=5	true (vrai)
+	Opérateur de calcul	Addition	a+2	7
-	Opérateur de calcul	Soustraction	a-4	1
*	Opérateur de calcul	Multiplication	a*2	10
/	Opérateur de calcul	Division	a/5	1
%	Opérateur de calcul	Reste de division	a%2	1
==	Opérateur de comparaison	Egale à	a==6	false (faux)
<	Opérateur de comparaison	Inférieur à	a < 4	false (faux)
>	Opérateur de comparaison	Supérieur à	a >2	true (vrai)
<=	Opérateur de comparaison	Inférieur ou égal à	a <= 5	true (vrai)
>=	Opérateur de comparaison	Supérieur ou égal à	a >= 6	false (faux)
!=	Opérateur de comparaison	Différent de	a != 6	true (vrai)
&&	Opérateur booléen	Et	(test1) && (test2)	test 1 et test 2
\|\|	Opérateur booléen	Ou	(test1) \|\| (test2)	test 1 ou test 2
+=	Opérateur associatif	Plus égal	a+=b	9
-=	Opérateur associatif	Moins égal	a-=b	1
*=	Opérateur associatif	Multiplié égal	a*=b	20
/=	Opérateur associatif	Divisé égal	a/=b	1.25

Les instructions de contrôle.
Ces instructions de contrôle permettent tout simplement de vérifier
le bon déroulement d'un script. Ce déroulement est souvent rédigé
suivant cette syntaxe.
IF cela THEN alors ELSE sinon.
Exemple :

if (x > 2); Si x est bien supérieur à 2.
alert ("Envoyer"); Alors afficher Envoyer.
else
alert ("Annuler"); Sinon afficher Annuler.

Les boucles.
Les boucles sont à envisager, lorsque l'instruction doit se faire
de façon répétitive, jusqu'à ce que la condition soit OK (ou non).
Ceci est souvent décrit autour de cette syntaxe.
WHILE (boucle) condition(s) ---> instruction(s).
Exemple :

while (i < 100)
{
alert (i);
i = i + 1; }

Les fonctions.
Les fonctions sont utilisées pour partager vos scripts en différentes parties.
Ces fonctions seront nommées par un nom quelconque et possèdent une
liste d'arguments.
Exemple :

[TOP] [RETOUR RUBRIQUE]