Accueil du site > WEBMASTERING > JAVASCRIPT

Javascript : Présentation

Java-script est une version simplifiée (le Java (créé par Suit à partir de C++) au même titre que VBscript de Microsoft est une version simplifiée de Visual Basic. Ils sont utilisés pour les tâches qui ne nécessitent pas un code Java compliqué. Ex. : contrôle de l’entrée des champs dans un formulaire, message d’erreur pour des clics de souris... Ils sont directement insérés dans le code HTML et sont interprétés quand le browser charge la page Ils permettent d’alléger la tâche du serveur et de diminuer la charge du réseau eu faisant effectuer certaines tâches par le client.

LES BASES DU LANGAGE

• Les balises d’insertion

Exemple1.html

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
document. write"Ceci est un message Javascript.") ;
</SCRIPT>
</HEAD>
<BODY>
Corps du document.
</BODY>
</HTML>

Commentaires
Le code est inclus dans la page HTML
- Il est interprété après chargement de la page
- On le délimite avec les balises <SCRIPT> et </ SCRIPT>
- On peut mettre le script dans un fichier à part (d’extension js en général), en indiquant I’URL source par l’attribut
SRC=url
- C’est un langage objet :
document.write("blabla") = appel à la méthode "write" de l’objet "document" avec pour paramètre la chaîne de
caractères constante : "blabla".

LES FONCTIONS

Exemple2.html

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
// définition de la fonction square
fonction square(i)
document.write("Argument passé &agrave la fonction : ".i." <BR>") ;
return i * i ;

// appel de la fonction square
documcnt.write("La valeur retournée par la fonction : "square(5),".") ;
</SCRIPT>
</HEAD>
<BODY>
<BR>
Corps du document
</BODY>
</HTML>

Commentaires
(idem C++)
"// : commentaire une ligne,
/* commentaire multilignes*/

Appel de fonctions
fonction write() proche de C ou Pascal (il existe un Writeln : ln=line new)
On peut inclure des accents comme en HTML

Langage non typé
la fonction ne précise pas le type du paramètre

EXEMPLE

Exemple3.html

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function calcule(formulaire)
if (confirm("Etes vous sûr ?"))
// Evaluation de l’expression saisie par l’utilisateur
// et affectation du résultat au champ de saisie "résultat"
formulaire. resultat. value = eval(formulaire. expr.value) ;
else
alert("Essayez à nouveau.") ;

</SCRIPT>
</HEAD>
<BODY>
<CENTER><FORM>
<TABLE>
<TR><TD>Saisissez une expression :
<TD><INPUT TYPE="test" NAME="expr" SIZE=15>
<TD><INPUT TYPE= "button" VALUE="Evaluer" ONCLICK="caIcule(this.form)">
<TR><TD>Resultat :
<TD><INPUT TYPE="text" NAME="resultat" SIZE=15>
</TABLE>
</FORM></CENTER>
</BODY>
</HTML>

Commentaires
- eval : fonction prédéfinie qui évalue mie expression
- formulaire.resultat : désigne le champ de nom « result » de « formulaire ».
Le formulaire possède des propriétés (auxquelles on accède avec l’opérateur « point ») dont les champs. Ces champs ont eux-même des propriétés dont leur valeur stockée dans la propriété « value ».

Liens avec le formulaire

- this.form : accède au formulaire de l’objet courant (ici le bouton évaluer). This : l’objet courant.
- ONCLICK= « appel de fonction » : affectation de code Javascript à un événement (clic souris) pour un contrôle du formulaire.
- Formulaire.resultat.value=... : Affichage du résultat par affectation de la valeur résultat au champ.

Interactions avec l’utilisateur

- contirm(« message ») : ouvre une boîte de confirmation
- alert(« message ») : pop-up d’alerte

Format PDF l l afficher une version imprimable de cet article Imprimer cet article