Accueil > JavaScript > JavaScript – Ecrire dans le document

JavaScript – Ecrire dans le document

This entry is part 5 of 19 in the series JavaScript - Tutoriel

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 :

Les séquences escapes
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!");
    

    Cliquez-ici

  • 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>

Series Navigation«JavaScript – Les commentairesJavaScript – Les variables»
Categories: JavaScript Tags:
  1. Pas encore de commentaire
  1. Pas encore de trackbacks