Académique Documents
Professionnel Documents
Culture Documents
Java script est un langage que l’on utilise dans le HTML afin de rendre un site web
dynamique, il prend en compte les données de l’utilisateur, les conserve afin de les utiliser dans les
interactions utilisateur-machine au cours du surf. Ce langage ne permet pas cependant d’écrire sur le
disque dur ou encore d’y lire, ce qui constitue son principal inconvénient. Son seul rôle est l’écriture
et la lecture sur des cookies (petites bandes de communication qu’utilisent les navigateurs). Ceci fait
que d’autres langages ont été mis sur pied comme alternative, notamment Java, PHP ou encore
Flash.
Il faut noter cependant que les prérequis nécessaires à l’écriture et la compréhension des
scripts sont les algorithmes et le HTML.
<html>
………..
</script>
</html>
Les variables contiennent les données qui peuvent être modifiées lors de l’exécution du
programme. Une variable comporte un nom, doit commencer par une lettre, ne pas contenir
d’espace et est sensible à la casse. La déclaration d’une variable commence par le mot clé « var »,
puis est suivi du nom de la variable, du signe de l’égalité (éventuellement) et de sa valeur initiale
(éventuellement). Une variable peut être locale (propre à une fonction) ou globale (utilisée dans tout
le programme.
Dans le cas où elle comporte le signe (=) puis une valeur, on parle d’une déclaration de
variable avec affectation, la valeur affectée étant celle suivant l’égalité.
Le JavaScript utilise des mots dits clés, qui ne peuvent par conséquent pas être pris comme
nom de variable ou de fonction:
1
2- Les types et opérateurs en JavaScript
JavaScript utilise les éléments sous forme d’objet, ainsi pour avoir accès à un objet, on
devrait commencer par accéder à l’objet qui le possède, l’accès par exemple à une salle de classe
d’un lycée procède comme suit : lycée.batiment.salle =…
Les types utilisés ici sont : les caractères (lettres d’alphabet), les chaines de caractère (mots)
les nombres.
Les opérateurs sont ceux utilisés en arithmétique (+, -, *,/…) ; cependant on dispose d’un
certain nombre de principes à satisfaire :
If (condition réalisée){
Liste d’instructions }
Cependant il peut y avoir d’autres alternatives, c’est pourquoi on se sert du « else » comme suit :
If (condition réalisée) {
Liste d’instruction}
Else {
Liste d’instructions }
Exemple :
2
Les boucles permettent de réaliser continuellement une opération jusqu’à satisfaction d’un
résultat.
b- Boucle for :
Il s’agit de la représentation programmée de la boucle « pour », elle est utilisée comme suit :
C’est le représentant de la boucle « tant que », elle est utilisée comme suit :
Exp: afficher pour x allant de 1 à 10 la valeur de 1/(x-5)
Initialisation
x=1;
While (condition réalisée)
while ( x<10 )
{
{
Liste d’instructions
If (x==5) { alert (“attention division par 0”);
}
Continue ;
}
b= 1/(x-5)
Alert(b)
x++
}
La déclaration d’un tableau sous Javascript se fait grâce à l’utilisation de l’objet « array » ; il faut
avant tout le créer grâce à la fonction new() ; on obtient donc le code suivant pour la création d’un
tableau :
Var nom_tableau = new Array() ;
L’affectation des valeurs à ce tableau procède comme suit :
nom_tableau[indice] = valeur
on peut aussi créer un tableau en attribuant immédiatement les valeurs, on aura ainsi
var nom_tableau = [« val1 », « val 2 »…]
l’accès à un élément du tableau se fera sachant que le premier indice est 0
une fonction est un mini programme qui sera utilisé dans un autre ; l’utilisation des fonctions
dans un programme permet de séparer ce dernier en modules, afin d’avoir une programmation
mieux structurée. Une fois une fonction déclarée, on pourra l’utiliser autant de fois qu’on le souhaite
dans le même programme et même dans d’autres. Une fonction peut avoir ou pas des arguments,
cela n’empêche pas que les parenthèses restent. La syntaxe d’une fonction est la suivante :
function nom_de_la_fonction (arguments)
3
{
Liste d’instructions
}
JavaScript met à notre disposition 3 grands types de boites de dialogue à travers les méthodes alert
(), prompt () et confirm ().
- Alert() affiche une boite de dialogue à l’écran, avec un bouton « ok » ; ses syntaxes sont les
suivantes : alert (variable) ; alert(« chaine de caractères ») ou encore alert (variable +
« chaine de caractères »).
- Prompt() permet de saisir une donnée au clavier, sa syntaxe est la suivante : prompt (« texte
de la boite d’invite », « valeur par défaut ») ;
- Confirm() affiche 2 boutons : ok et annuler ; continue() renvoie la valeur « true » et bien
entendu « false » si on a cliqué sur annuler. Ce qui permet de choisir une option dans un
programme.
JavaScript dispose aussi d’un minuteur qui déclenche une fonction après un laps de temps
déterminé ; la fonction est la suivante :
Nom_du_compteur= SetTimeout(« fonction appelée »,temps en millisecondes) ; clearTimeout()
permet de stopper avant l’expiration du délai fixé ; la syntaxe est clearTimeout(nom_du_compteur).
Gestion des évènements, zones de saisie et formulaires
Un évènement est toute action de l’utilisateur donnant lieu à une interaction, ils s’insèrent le
plus souvent dans les balises afin de manipuler des objets.
LISTE DES EVENEMENTS :
4
Les formulaires quant à eux s’utilisent dans le code HTML, ils sont déclarés à l’aide de la balise
<form></form>. On rappelle qu’il possède plusieurs paramètres :
Name : pour donner le nom du formulaire
Action : pour établir un lien vers une URL
Les formulaires permettent de manipuler 3 grands éléments à savoir :
- pour définir des zones d'entrée de texte simple, des boutons, des
« input » :
cases à cocher ou des boutons radio. Le type d'élément dont il s'agit sera précisé
en utilisant l'attribut TYPE, avant tout le nom doit être donné à travers l’attribut NAME et la
valeur par défaut à travers l’attribut VALUE
Syntaxe :
type syntaxe
5
sans <input name="ident">
<input name="ident" value="Par défaut">
submit <input type="submit" value="Envoi">
checkbox <input type="checkbox" name="pfm" value="linux" checked> Linux<BR>
<input type="checkbox" name="pfm" value="dos"> Dos<BR>
<input type="checkbox" name="pfm" value="win"> Windows
radio <input type="radio" name="media" value="cd" checked> CD-ROM<BR>
<input type="radio" name="media" value="dk"> Disquette
password <input type="password" name="pass"
- « SELECT » qui permet de faire des listes déroulantes, elle s’utilise avec l’attribut <option>
(qu’on ne ferme pas, il ne s’agit pas d’une balise).
Syntaxe : <select name= «nom_entete » >
<option> elt 1
<option> elt 2
- « TEXTAREA » qui permet de créer une zone de texte libre.
Exercices :
I. REVISIONS DE COURS :
a- Où peut-on insérer du JavaScript ?
b- A quoi reconnait-on un code correspondant au JavaScript ?
c- Quel est le rôle du JavaScript dans une page web ? existe-t-il d’autres alternatives ?
d- Quelle différence faites-vous entre document.write(« variable ») et document.write(variable)