Tutoriel: Les bases du JavaScript

Pour utiliser les JavaScript vous devez savoir comment différencier le JavaScript du code HTML
Comment reconnaissez-vous un JavaScript? Tout simplement, regardez les balises. Tous les codes JavaScript ont 2 balises <SCRIPT>au début et </SCRIPT> à la fin.

La balise d’ouverture est généralement comme cela <SCRIPT language="JavaScript">

La commande language="JavaScript"permet au navigateur de reconnaitre que le code qui suit est du JavaScript and not et pas un autre langage de script, ex.: Visual Basic Script. VBScript.

<SCRIPT language="JavaScript">
// -- Code JavaScript --
</SCRIPT>

Une page html peut contenir un nombre de scripts illimité. N’oubliez pas de toujours fermer vos balises avant de continuer. Les fonctions dans les balises <HEAD> </HEAD> de votre document sont des fonctions JavaScript (Nous y reviendrons dans le prochain tutoriel). Nous mettons toujours ces fonctions entre des balises <HEAD> </HEAD> de cette façon vos fonctions sont chargées avant que la page ne commence à s’afficher, et vous n’aurez pas d’erreurs JavaScript.

<HEAD>
<TITLE>Votre titre </TITLE>
<SCRIPT language="JavaScript">
function xxxxx()
{
JavaScript Stuff...
}
</SCRIPT>
</HEAD>

Avant de commencer à écrire des scripts, nous devons au préalable faire ceci. Les anciens navigateurs ne peuvent lire les balises <SCRIPT> . Au lieu d’exécuter le JavaScript, ils n’affichent  que le texte. Pour résoudre ce problème, nous devons forcer le navigateur à ignorer le texte entre les balises <SCRIPT> . Des commentaires HTML seront utilisés, les anciens navigateurs ignoreront le texte à l’intérieur des commentaires, mais un navigateur web capable d’interpréter le JavaScript lancera votre script. Voici comment faire:

<SCRIPT language="JavaScript">
<!-- Ceci ouvrira les commentaires  HTML qui cacheront le script dans les anciens navigateurs
......JavaScript Statements.......
//--> Ceci ferme la section commentaire et le navigateur continuera à interpréter normalement
</SCRIPT>

Que peut faire un JavaScript?

  1. Le JavaScript est un outil de programmation pour les développeurs HTML
    • Les développeurs HTML ne sont pas forcément des programmeurs mais le JavaScript est un langage à la syntaxe très simple!
    • Tout un chacun peut ajouter des "bouts" de code dans une page HTML
  2. Le JavaScript permet d’insérer un texte dynamique dans une page HTML
    • Un code JavaScript comme celui-ci: document.write("<h1>" + name + "</h1>") permet d’insérer un texte variable dans une page  HTML
  3. Le JavaScript peut réagir à des évènements
    • Un JavaScript peut être exécuté lorsque un évènement intervient, quant une page finit de se charger page ou quand un utilisateur clique sur un élément HTML
  4. Le JavaScript peut lire des éléments HTML et les modifier
    • Un JavaScript peut lire et modifier le contenu d’un élément HTML
  5. Le JavaScript peut être utilisé pour valider des données
    • Un JavaScript peut être utilisé pour valider vos données avant de les envoyer au serveur. Ceci permet d’éviter de longs calculs au serveur
  6. Le JavaScript peut être utilisé pour détecter le type de navigateur de l’utilisateur
    • Un JavaScript peut être utilisé pour détecter le navigateur de l’utilisateur, et – selon le navigateur – charger une page spécifique créée pour ce navigateur
  7. Le JavaScript peut être utilisé pour créer des cookies
    • Un JavaScript peut être utilisé pour stocker et rechercher des informations sur l`ordinateur d’un visiteur.