JavaScript est un langage de programmation complètement lié au langage HTML. Le développeur internet code ses pages HTML en y intégrant des sources JavaScript. Le visiteur, par l'intermédiaire de son navigateur, charge le code des pages.
C'est le navigateur qui interprète le code HTML et JavaScript. L'interprétation dépend naturellement du type de navigateur utilisé et de sa version.
JavaScript est un langage objet et événementiel. Le développeur peut créer des objets sur la page, avec des propriétés et des méthodes et leur associer des actions en fonction d'événements déclenchés par le visiteur (passage de souris, clic, saisie clavier, etc...)
1 - Comment intégrer du code JavaScript dans une page HTML ?Il y a plusieurs endroits dans une page web où il est possible d'intégrer du code JavaScript :
* dans le corps de la page,
* en entête de page,
* dans un événement d'un objet de la page.
La structure classique d'une page HTML contenant du JavaScript est la suivante :
- Code:
-
<HTML>
<HEAD>
<TITLE>Titre de page</TITLE>
<SCRIPT>
</Cache> // Fin de la partie cachée
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT>
</Cache> // Fin de la partie cachée
</SCRIPT>
</BODY>
</HTML>
C'est donc entre les balises <SCRIPT> qu'est inséré le code javascript. Veillez à bien respecter la syntaxe proposée, en particulier les <et> pour cacher le script aux anciens navigateurs.
Il est possible aussi de faire appel à un script quand l'utilisateur clique sur un lien :
- Code:
-
<A HREF="javascript:ma_fonction()">Cliquez ici</A>
2 - La déclaration des variables, des objets et des tableaux
JavaScript utilise l'instruction var pour la déclaration. Toute nouvelle variable doit être initialisée.
Déclaration des variables basiques
Pour déclarer une variable basique, c'est-à-dire de type entier, numérique, chaîne de caractères, etc, il ne faut pas déclarer le type. Le navigateur le détecte.
EXEMPLES de déclaration de variables basiques :
- Code:
-
var prenom_visiteur="Marcel";
var nom_visiteur="Dupond";
var age_visiteur=29;
On remarque la présence du point virgule (
à la fin de chaque instruction.
Il est possible de placer sur une même ligne plusieurs instructions séparées par des points virgules.
Une variable déjà déclarée s'utilise ensuite normalement :
- Code:
-
var accueil="Bonjour " + prenom_visiteur + " " + nom_visiteur;
Déclaration et création d'objets
JavaScript intègre d'origine plusieurs type d'objets. Voyons tout d'abord l'objet Date, très utile dans un environnement internet.
La déclaration se fait toujours avec var. Pour créer un objet, il faut utiliser le mot-clé new suivi du type d'objet Date. ATTENTION, le respect des majuscules/minuscule est indispensable et source de nombreuses erreurs.
- Code:
-
var date_jour=new Date();
Cette ligne crée un objet Date contenant la date du jour.
var une_date=new Date(annee,mois-1,jour,heure,min)
Cette ligne crée un objet date avec une date paramétrable.
Déclaration et utilisation des tableaux
En JavaScript, les tableaux sont des objets et leur déclaration est identique à celle vue plus haut.
- Code:
-
var un_tableau=new Array(10)
Cette ligne crée un tableau de 10 éléments de type basique (réel, entier, chaîne de caractères). En JavaScript, le premier élément est indexé à 0. Il est possible de déclarer un tableau sans dimension fixée. La taille du tableau s'adapte en fonction du contenu :
var un_autre_tableau=new Array;
Pour accéder aux éléments du tableau, on utilise les crochets "[" et "]"
- Code:
-
un_tableau[0]=10;
un_tableau[9]=5;
Des méthodes associées à l'objet permettent d'effectuer des traitements ou d'accéder à des propriétés. On utilise la notation pointée pour appliquer une méthode sur un objet ou pour accéder à une propriété.
var dimension=un_tableau.length;
Cette ligne retourne le nombre d'éléments de l'objet Array appelé "un_tableau".
3 - La déclaration des fonctions et des instructions
Les fonctions et instructions sont déclarées et codées dans l'entête de la page et peuvent être appelées ensuite à n'importe quel endroit de la page. Pour déclarer une fonction ou une instruction, on utilise le mot-clé "function", suivi de son nom et des éventuels paramètres.
- Code:
-
function ma_fonction(param1, param2)
{
....
}
function mon_autre_fonction()
{
....
}
Le corps des fonctions et instructions est délimité par "{" et "}" dans lequel on place la déclaration des variables locales, propres à la fonction, ainsi que l'ensemble des traitements.
Une fonction aura dans son corps une ou plusieurs instructions return qui permet de renvoyer une valeur ou un objet. L'instruction return n'est pas obligatoire; on a alors affaire à une instruction qui ne renvoie pas de valeur.
Les fonctions déclarées dans l'entête de la page peuvent être appelées elles-mêmes, de manière itérative, dans d'autres fonctions et dans le corps de la page.
Accueil 
Dernières images 
