LE JAVASCRIPT ET LE HTML
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é 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érentes versions JavaScript.
Il existe 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"> |
Il existe une syntaxe standard pour insérer du code JavaScript dans un document HTML. Cette insertion peut se faire
de deux façons:
Insertion d'une déclaration ou d'une fonction dans un document HTML
Voici une courte explication des balises et attributs nécessaires pour insérer une déclaration ou une fonction JavaScript
dans un document HTML:
<SCRIPT>...</SCRIPT>
Spécifie le commencement et la fin de la fonction SCRIPT.
<SCRIPT LANGUAGE="JavaScript"> ... </SCRIPT>
L'attribut LANGUAGE est obligatoire à moins que l'attribut SRC soit présent. Il spécifie le type de langage du script.
Actuellement, il y a deux types de langage, le JavaScript et le VBScript.
<SCRIPT SRC="URL.JS">...</SCRIPT>
L'attribut SRC est optionnel et indique l'URL qui va charger le code (script).
<!-- ... -->
De plus n'oubliez pas d'entourer les scripts par des balises de commentaires (<!-- et //-->), ce qui a pour effet de cacher
le content 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>
Insertion d'un événement dans une commande HTML
En ce qui concerne le code d'un événement JavaScript, il faut insérer ce code à l'intérieur d'une commande HTML,
comme un attribut. L'événement fera appel à une fonction JavaScript lorsque la commande HTML est activée.
La syntaxe habituelle est la suivante:
<CommandeHTML Événement="nomDeLaFonctionJavaScript">
Exemple:
<BODY onLoad="nomFonction">
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 |