Java script

Disponible uniquement sur Etudier
  • Pages : 26 (6254 mots )
  • Téléchargement(s) : 0
  • Publié le : 28 avril 2010
Lire le document complet
Aperçu du document
Contenu

1. Introduction et syntaxe 3

1.1. Présentation 3
1.1.1. Qu’est-ce que le JavaScript ? 3
1.1.2. Historique 3
1.2. Syntaxe de base 3
1.2.1. Implémenter du JavaScript 3
1.2.2. Les variables 4
1.2.3. Types de données 4
1.2.4. Les opérateurs 5
1.2.5. Les structures conditionnelles 6
1.3. Interopérabilité avec les contrôles HTML 8

2. Les fonctions 9

2.1. Déclaration9
2.2. Utilisation 10

3. JavaScript Avancé 11

3.1. Les formulaires 11
3.1.1. Introduction 11
3.1.2. Utilisation 11
3.2. Les événements 12
3.3. Modélisation objet 14
3.3.1. Principes 14
3.3.2. Les principaux objets JavaScript 14
3.3.3. Les objets du navigateur 18

4. D.O.M. 23

4.1. Le modèle DOM 23
4.2. Manipuler une page HTML 24

Introduction et syntaxe

1Présentation

1 Qu’est-ce que le JavaScript ?

Nous avons vu que le HTML (cf. cours sur les technologies Web : HTML) est un langage interprété par le navigateur Web, afin de mettre en page des informations (affichage d’un site Web).

Le JavaScript a été inventé afin de permettre au développeur Web de créer une plus grande interactivité entre l’utilisateur et la page. En effet la simple fonction demise en page du HTML oblige le développeur à regarder d’autres technologies.

JavaScript est également interprété côté client, tout comme le HTML, et il est important de retenir qu’il ne consomme aucune ressource serveur. De plus le client a accès entièrement au code source. Par conséquent, si vous trouvez par hasard une fonctionnalité qui vous plait sur un site quelconque, vous pourrez regardercomment elle a été développée.

2 Historique

JavaScript a été développé par Netscape pour son navigateur Web en 1995. Parallèlement Microsoft a développé le langage JScript très proche du JavaScript. En 1996 une norme ECMA-262 (ECMAScript) a été adoptée afin de rendre compatible l’ensemble des navigateurs. Aujourd’hui la compatibilité existe, mais est loin d’être parfaite. Il faudra donctoujours faire attention de tester ses scripts sur les navigateurs les plus importants.

Note : Attention de ne pas confondre le langage JavaScript avec le Java de Sun !

2 Syntaxe de base

Note : JavaScript est un langage sensible à la casse, et les erreurs de majuscules sont donc très fréquentes !

1 Implémenter du JavaScript

Les trois manières principales d’insérer du JavaScript dans undocument HTML sont :

▪ Placer le code dans des balises

// Write comment here

/*
Write comment here
*/

Notes : On utilise // afin de mettre du code en commentaire (il n’est pas interprété par le navigateur) s’il tient sur une seule ligne, sinon on le met entre /* et */.

▪ Utiliser un fichier externe

Ecrivez directement votre code dans un fichier d’extension .js,et utilisez-le dans votre page HTML de la manière suivante :

▪ Utiliser les événements.

L’événement onkeypress est déclenché lorsque le focus est positionné sur le champ de saisie et qu’une touche du clavier est pressée.

2 Les Variables

Les variables servent à stocker des données dans vos scripts. Elles sont souvent indispensables dans la construction de vos algorithmes.

Si l’onveut écrire son code proprement, une variable se déclare de la manière suivante :

var mavariable;

Vous avez des contraintes dans la dénomination de vos variables.
Un nom de variable commence obligatoirement par une lettre ou un _, et ne peut contenir que des caractères alphanumériques et le caractère : _ (blanc souligné).

Néanmoins une variable peut être déclarée de manière implicite :c'est-à-dire qu’on lui attribue une valeur directement.

mavariable = "valeur";

Les variables déclarées implicitement sont dans tous les cas accessibles dans toute la page : ce sont des variables globales. Notons que ces dernières ne facilitent pas la lecture du script.

Toutefois, une variable déclarée avec le mot clef « var » est visible uniquement dans le bloc de code (fonction, bloc...
tracking img