JavaScript ..le bras droit d'HTML
<<Page précédente
Table des Matières
Page suivante>>
INTERNET Construction de Pages Web
1er Programme
Je vous sens fébrile ..alors commençons modestement pour se donner du courage !
1er programme utilisant JavaScript
Il doit , tout simplement vous saluer en écrivant votre Nom à l'écran.
N'oublions pas que JavaScript est toujours inséré dans une page HTML.
Enfin, voilà comment faire ça..!!
Créons une Page HTML ( la plus simple possible..ou presque..!)
<HTML>
<HEAD><TITLE> Mon 1er Programme en JavaScript</TITLE>
<SCRIPT language= "JavaScript">
document.write(" Bonjour ..le courageux..! ")
</SCRIPT>
</HEAD>
</HTML>
Remarquons ...
Vous devez savoir que ce langage vous oblige à respecter les minuscules et les majuscules
Vous devez savoir aussi qu’un seul espace entre 2 mots est équivalent à 100 ou 200 espaces ou une ou plusieurs lignes vides. Donc n’hésitez pas à éclaircir vos écritures .
La balise <SCRIPT> est obligatoire pour prévenir le navigateur que ce qui suit est du langage JavaScript.
Le mot language est le mot anglais..ce qui explique le u .
La balise SCRIPT se trouve insérée dans la balise HEAD.. C’est habituel mais pas obligatoire..Il est possible de la placer n’importe où ..même dans la balise BODY.
Améliorons un peu de mini-programme..
<HTML>
<HEAD><TITLE> Mon 1er Programme en JavaScript</TITLE>
<SCRIPT language= "JavaScript"><!--
document.write("reBonjour ..le courageux..! ")
//voilà 1 commentaire
// -->
</SCRIPT>
</HEAD>
</HTML>
Vous pouvez placer des commentaires pour rendre plus clair ( plus compréhensible ) votre programme , pour cela vous pouvez utiliser le
double slash ( //)
au cours d’une ligne ..alors tout ce qui se trouve à droite est commentaire.
Utilité de :
<!--
Ceci permet de cacher le code JavaScript pour les Navigateurs qui ignorent ce langage..eh oui il en existe encore!!
Utilité de :
// -->
JavaScript voit un commentaire derrière le double slash et ignore donc : --> Mais HTML du Navigateur ‘rétro’ qui ne connaît pas JavaScript il y voit la fin du commentaire ouvert ci-dessus. Donc, le mieux est de prévoir ce pseudo commentaire chaque fois que vous utiliserez du code JavaScript.
Si vous voulez voir le résultat tout de suite...utilisons la boîte de dialogue de JavaScript : alert() qui sert le plus souvent à afficher une fenêtre de message d'alerte...comme son nom l'indique.!!
Ce qui nous donne..à peu près :
<HTML>
<HEAD><TITLE> Mon 1er Programme en JavaScript</TITLE>
<SCRIPT language="JavaScript"><!--
alert("Bonjour ..le new JavaS'man..!")
//voilà 1 commentaire
// -->
</SCRIPT>
</HEAD>
</HTML>
En cliquant sur ce bouton , la fenêtre d'alerte apparaitra...
et la bobinette ...!
<<Page précédente
Table des Matières
Page suivante>>