JAVASCRIPT  2

 

Syntaxe en général

·          Séparateur entre fonctions:  ;

·          Noms de variables et de fonctions: sans accents, sans espaces et ne peuvent pas commencer par un chiffre

·          Attention à la casse (majuscules/minuscules)

·          En règle générale, les espaces n'ont pas d'importance

Les fonctions

function ma_fonction(mon_parametre1, mon_parametre2){

     instructions

}

 

Si une fonction doit retourner une valeur, utiliser:

return(valeur);

 

Variables

Locale: déclarée dans une fonction

Globale: déclarée hors d'une fonction

Déclaration:

Toute variable doit être déclarée avant d'être utilisée

var ma_variable;

ou

var ma_variable = 5;

Opérations mathématiques

var resultat;

var a = 2;

var b = 3;

 

resultat = a + b;            // addition

resultat = a – b;            // soustraction

resultat = a * b;            // multiplication

resultat = a / b;            // division

resultat = Math.round(a / b); // arrondi à l'entier le plus proche

resultat++;          //incrémente de 1, equiv. à resultat = resultat + 1

resultat--;          //décrémente de 1, equiv. à resultat = resultat - 1

 

NB: la lenteur de JavaScript et le manque de précision demande de prendre des précautions

(ex: 0.199 *100)

Boucle for

function carre(top_value){     

// cette fonction rempli une table avec

// le carré des chiffres de 1 à top_value

     for (var i=1; i<=top_value; i++) {

          document.write("<tr><td>"+ i +"</td><td>"+ i*i +"</td></tr>");

     }

}

 

 

 

<body>

     <table border="2">

<script>carre(50)</script>

</table>

</body>

 

 

Conditions avec if

function salutation(){

// donne le bonjour en fonction de l'heure

     var horaire=new Date();

     var heures=horaire.getHours();

     var salut;

     if (heures<17){

          salut="Bonjour";

     } else {

          salut="Bonsoir";

     }

     document.write(salut + ", il est " + heures + "h." + horaire.getMinutes());

}

Noter que la condition "else" n'est à utiliser qu'en cas de besoin.

Opérations de comparaison

Egalité

nombre == 3

 

Plus petit ou égal

nombre <= 3

Différence

nombre != 3

 

Plus grand

nombre > 3

Plus petit         

nombre < 3

 

Plus grand ou égal

nombre >= 3

Opérateurs logiques

OU

condition1 ¦¦ condition2

ET

condition1 && condition2

NON  

!condition1

Concaténations de variables

Si une addition comporte une variable de type chaîne de caractère, le résultat sera une concaténation des variables sous forme de chaîne de caractères. Exemple:

(…)

var mon_age = 72;

var libelle = " ans";

var reponse = mon_age + libelle;

(…)

write.document(reponse) 

 

écrira 72 ans à l'écran.

 

 

 

Fonctions diverses

Navigation

history.go(-1) et history.go(+1) simulent un clic sur le bouton back ou forward du navigateur.

 

Redimensionner la fenêtre au maximum

function taille_ecran(){

     window.moveTo(0, 0);

     window.resizeTo(screen.availWidth, screen.availHeight)

}

 

Roll-over

dans le <head> pour précharger les images

<script language="JavaScript1.1">

i1 = new Image;

i1.src = "clic_on.gif";

</script>

 

dans le <body>

<a href="#">

<img src="clic.gif" border="0" height="30" width="200" name="image1" onMouseOver="image1.src='clic_on.gif'" onMouseOut="image1.src='clic.gif'">

</a>