JavaScript – Ecrire dans le document
- JavaScript – Introduction au JavaScript
- JavaScript – Inclusion dans une page
- JavaScript – Un langage orienté objet
- JavaScript – Les commentaires
- JavaScript – Ecrire dans le document
- JavaScript – Les variables
- JavaScript – Opérateurs
- JavaScript – La structure conditionnelle
- JavaScript – Les cas
- JavaScript – Les boucles
- JavaScript – Les tableaux
- JavaScript – Les fonctions
- JavaScript – Les objets
- JavaScript – L’objet String
- JavaScript – L’objet Number
- JavaScript – L’objet Math
- JavaScript – L’objet Date
- JavaScript – Les expressions régulières
- JavaScript – L’objet navigator
On a vu que JavaScript était capable d’agir sur le document en cours avec la méthode write()
de l’objet document.
Nous allons maintenant approfondir un peut plus.
Pour écrire Bonjour! dans le document, nous allons écrire :
document.write("Bonjour!");
Déjà, remarquons le point virgule (;) à la fin de la ligne.
Comme dans beaucoup de langages (Pascal, C/C++, Java, PHP…), le point virgule est obligatoire
à la fin de chaque instruction.
Si on l’oublie, une erreur se produit.
La méthode write() écrit la chaîne de caractères qui lui est passée en argument
dans le document.
Ici, la chaîne de caractères c’est Bonjour!.
Une chaîne de caractères peut être placée au choix, soit entre guillemets (« ), soit entre
apostrophes (‘).
Ainsi, les deux lignes suivantes sont équivalentes :
document.write("Bonjour!");// Avec des guillemets
document.write('Bonjour!');// Avec des apostrophes
Cette possibilité de choix entre les guillemets et les apostrophes peut être un sérieux avantage,
par exemple lorsque l’on utilise des balises HTML dans une chaine de caractères :
document.write('<h3 align="center">Un titre au centre</h3>');
Dans cette exemple, si on avait voulu quand même utiliser des guillemets, on aurrait du faire
précédé les guillemets internes du caractère back-slash (\) :
document.write("<h3 align=\"center\">Un titre au centre</h3>");
// Sortie : <h3 align="center">Un titre au centre</h3>
Cette remarque est aussi valable pour les apostrophes :
document.write('It\'s beautiful !');
// Sortie : It's beautiful !
En fait, le back slash veut dire : « le caractère qui suit est spécial ».
Ce qui fait que si vous devez écrire le back slash lui même dans le document, il faudra le doubler :
document.write("c:\\localhost\\phmyadmin\\index.php");
// Sortie : c:\localhost\phmyadmin\index.php
Mais le back slash a bien d’autre significations dans les chaînes de caractères. Reportez-vous au
tableau suivant pour connaitre leur signification :
| Séquence | Signification | Exemple de code |
|---|---|---|
| \n |
Avec un n comme New line. Il impose un saut de ligne. |
document.write( »On saut cinq lignes\n\n\n\n\net on continue ! »); |
| \t |
Avec un t comme Tabulation. Il impose une…tabulation. |
document.write( »\tUn retrait, c’est mieux! »); |
Sachant que dans un document HTML, les espaces, les tabulations et les sauts de ligne ne sont pas
pris en compte, on peut s’interroger sur leur utilité.
En fait, ils servent dans la plupart des cas aux deux choses suivantes :
- Les boîtes de dialogue (que nous étudierons plus tard) :
alert("Et une mise à la ligne\nUne !\n\tEt une tabulation!"); - Au sein d’une balise
<PRE>:
<PRE> <SCRIPT language=JavaScript> document.write("Liste pour le repas\n"); document.write("\t1. Pizza\n"); document.write("\t2. Bière\n"); document.write("\t3. et bière\n"); </SCRIPT> </PRE>
Une variante de la méthode est la méthode writeln().
Ceux qui pratiquent le Pascal l’auront deviné, les autres l’apprendront : writeln()
fait la même que write(), sauf que writeln() ajoute un caractère \n
à la fin de la chaîne de caractère.
La aussi, cette méthode est utilisée le plus souvent à l’intérieur d’une balise <PRE>