 INTRODUCTION A
JAVASCRIPT. | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
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.
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.
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 (<!-- et //-->), 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"> <!-- document.writeln("Dernière modification de ce document : "+document.lastModified); //--> </SCRIPT> <NOSCRIPT> Votre navigateur n'accepte pas le JavaScript. </NOSCRIPT> 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"> 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.
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.
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.
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 : <!-- function Test() { ........ etc ..... } //--> | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|