JavaScript/Premiers pas
Une page de Wikiversité.
 |
|||
| Chapitre 1 | |||
| Leçon : JavaScript | |||
|---|---|---|---|
| Retour au | sommaire | ||
| Chap. suiv. : | Syntaxe du langage | ||
En raison de limitations techniques, la typographie souhaitable du titre, « JavaScript : Premiers pas
JavaScript/Premiers pas », n'a pu être restituée correctement ci-dessus.
Sommaire |
[modifier] JavaScript
[modifier] Qu'est-ce que c'est ?
Le JavaScript (JS pour les intimes) est un langage dit "client" qui est exécuté par le navigateur Internet. Il est désactivable sur la plupart des navigateurs Internet en modifiant le menu "options". Ce langage permet entre autres de développer l'interactivité d'un site (pop-up, pop-under, contrôle de formulaire, chargement d'images...).
Pour suivre ce cours, vous devez posséder :
- Un navigateur outillé d'une extension firebug-like.
- Un éditeur de texte avec coloration syntaxique (Emacs, Notepad++, etc.)
- Connaître les bases du HTML (et le CSS, optionnel)
Tout votre code JavaScript sera visible par tous les internautes car contrairement aux langages serveurs tels que PHP, asp, cfm, jsp... le code est visible dans la source de la page. Pour cette raison, il faut éviter de mettre des mots de passe dans le JavaScript en s'imaginant qu'ils seront invisibles par les internautes :)
JavaScript permet de faire beaucoup de choses. Avec l'HTML dynamique, nous pouvons manier les balises d'une page web. Avec AJAX, il est possible d'échanger des informations avec le serveur sans rechargement de la page.
[modifier] Où place t-on le code ?
Comme pour le CSS, le code JavaScript peut se placer à trois endroits différents :
- Dans un fichier externe à la page web (avec l'extension obligatoire .js).
- Entre les balises <head> et </head> de la page web.
- Directement dans une balise de la page (à l'aide des évènements).
Dans le cas n°1, on doit inclure le fichier .js directement dans notre page web et toujours entre les balises <head> et </head> comme ceci :
... <head> <script type="text/javascript" src="./dossier_javascript/fichier.js"></script> </head> ...
Dans le cas n°2, le code doit se tenir entre les balises <script> et </script> comme ceci :
... <head> <!-- (déconseillé) --> <script> // Votre script </script> <!-- OU --> <script language="javascript"> // Votre script </script> <!-- OU (conseillé) --> <script type="text/javascript"> // Votre script </script> </head> ...
Dans le dernier cas, nous verrons cela plus tard dans le cours mais voici un exemple très simple que vous avez déjà dû aperçevoir un jour :
<input type="button" onClick="..." />
Il s'agit d'un évènement. JavaScript gère très bien beaucoup d'évènements : du simple clic sur un bouton (exemple ci-dessus) jusqu'à la fermeture de la fenêtre en cours...
[modifier] Premier script
Comme premier script, voyons comment écrire un texte à l'écran (tout simplement) :
// Affichons le message "Bonjour tout le monde !" document.write("Bonjour tout le monde !"); // On peut ajouter du html document.write("<b>Bonjour</b><br /><br /><img src=\"mon_image.jpg\" /><br /><br /><u>tout le monde !</u>");
