Les instructions en JavaScript

Les objets et les fonctions prédéfinies :

charAt Retourne le caractère de la chaîne correspondant à un entier.


document.write("<HR><P>" + "Le nouveau monde".charAt(4));

indexOf Retourne l'indice correspondant à la première occurence de la chaîne de caractères donnée en argument.


document.write("<HR><P>" + "Le nouveau monde".indexOf("u"));

document.write("<HR><P>" + "Le nouveau monde".indexOf("u", 6));

lastIndexOf Retourne l'indice correspondant à la dernière occurence de la chaîne de caractères donnée en argument.

substring Extrait la chaîne de caractères comprise en tre les deux indices donnés en argument.


document.write("<HR><P>" + "Salut à tout le monde !".substring(0, 7));

Illustration de indexOf et de substring avec la fonction repstr qui remplace toutes les occurences de vieuS par nouveauS :


function repstr(s, vieuS, nouveauS) {
    var i = 0;
    // recherche de vieuS
    while (s.indexOf(vieuS) >= 0) {
        i = s.indexOf(vieuS);
        // substitution
        s = s.substring(0,i) + nouveauS + s.substring(i+vieuS.length,s.length);
    }
    return s;
}

toLowerCase Transforme la chaîne de caractères en minuscules.


document.write("<HR><P>" + "Le nouveau monde".toLowerCase());

toUpperCase Transforme la chaîne de caractères en majuscules.


document.write("<HR><P>" + "Le nouveau monde".toUpperCase());

La mise au format HTML

anchor Crée une ancre à l'aide de l'URL donnée en argument.

big Insère la chaîne de caractères dans la balise HTML <BIG>.

blink Insère la chaîne de caractères dans la balise HTML <BLINK>.

bold Insère la chaîne de caractères dans la balise HTML .


document.write("<HR><P>" + "Salut à tout le monde !".bold());

fixed Insère la chaîne de caractères dans la balise HTML <TT>.

fontsize Insère la chaîne de caractères dans la balise HTML , où taille est indiquée en argument (comprise entre 1 et 7).

fontcolor Insère la chaîne de caractères dans la balise HTML , où couleur est indiquée en argument.

italics Insère la chaîne de caractères dans la balise HTML .

link Identique à la méthode anchor.


document.write("<HR><P>" + "Mon lien".link("default.htm"));

small Insère la chaîne de caractères dans la balise HTML .

strike Insère la chaîne de caractères dans la balise HTML <STRIKE>.

sub Insère la chaîne de caractères dans la balise HTML .

sup Insère la chaîne de caractères dans la balise HTML .

Les structures mathématiques, l'objet Math.

Un objet : La plupart des fonction mathématiques sont définies, comme sin(x) accessible par Math.sin(x)...


document.write("<HR><P>PI = " + Math.PI);

Plusieurs objets : On peut ne pas avoir à préciser Math si on utilise l'instruction with :


with (Math) {
	a = PI * r*r;
	y = r*sin(theta);
	x = r*cos(theta);
}

Les dates Voici les différents types de dates :


Today = new Date();

Xmas99 = new Date("Decembre 25, 1995, 14:50:00");

Xmas99 = new Date(95, 11, 25);

Xmas99 = new Date(95, 11, 25, 14, 50, 00);

On a alors (0=Janvier) :


document.write("<HR><P>" + Xmas99.getYear());

document.write("<HR><P>" + Xmas99.getMonth());

La méthode .getTime donne la date depuis le 1er Janvier 1970 à la miliseconde près. Voici un exemple qui donne le nombre de jours nous séparant de Noël :


today = new Date();
nextXmas = new Date("December 25, 1999");

msPerDay = 24*60*60*1000; // Nb. de ms / jour

daysLeft = (nextXmas.getTime()-today.getTime())/msPerDay;

daysLeft = Math.round(daysLeft);

document.write("<HR><P>Nombre de jours qu'il reste avant le prochain Noël : " + daysLeft);

On peut aussi utiliser la méthode parse pour assigner la date contenue dans une chaîne de caractères à une variable :

La fonction eval Dans un formulaire, les chiffres sont saisis sous forme de caractères. Il faut donc utiliser la fonction eval pour les traiter comme des chiffres :


function calcule(equation) {
   if (confirm("Etes vous sur?"))
      // Evaluation de l'expression saisie par l'utilisateur
      // et affectation du result au champ de saisie result
      equation.resultat.value = eval(equation.expression.value);
   else
      alert("Essayez a nouveau.");
}

</SCRIPT>

<CENTER><FORM>
<TABLE>
<TR> <TD>Saisissez une expression: 
     <TD><INPUT TYPE="text" NAME="expression" SIZE=15 >
     <TD><INPUT TYPE="button" VALUE="Evaluation..." ONCLICK="calcule(this.form)">
<TR> <TD>Resultat:
     <TD><INPUT TYPE="text" NAME="resultat" SIZE=15 >
</TABLE>
</FORM>
</CENTER>


<CENTER>
<FORM>
<INPUT TYPE="button" VALUE="Qui êtes vous ?..."
       ONCLICK="prompt('Entrer un nom SVP', 'Votre Nom')">
</FORM>
</CENTER>

CA SUFFIT !!!

Last modified: Tue Mar 30 19:31:17 CEST 1999

Saisissez une expression:
Resultat: