Chapitre 6 : Afficher du texte
6.1 Méthode de l'objet document
Rappelez-vous... Nous avions montré que ce qui apparaît sur votre écran, peut être "découpé" en objets et que Javascript allait vous donner la possibilité d'accéder à ces objets (Un peu de théorie objet). La page Html qui s'affiche dans la fenêtre du browser est un objet de type document.
A chaque objet Javascript, le concepteur du langage a prévu un ensemble de méthodes (ou fonctions dédiées à cet objet) qui lui sont propres. A la méthode document, Javascript a dédié la méthode "écrire dans le document", c'est la méthode write().
L'appel de la méthode se fait selon la notation :
nom_de_l'objet.nom_de_la_méthode
Pour appeler la méthode write() du document, on notera
document.write();
6.2 La méthode write()
La syntaxe est assez simple soit
write("votre texte");
On peut aussi écrire une variable, soit la variable resultat,
write(resultat);
Pour associer du texte (chaînes de caractères) et des variables, on utilise l'instruction
write("Le résultat est " + resultat);
On peut utiliser les balises Html pour agrémenter ce texte
write("<B>Le résultat est</B>" + resultat); ou
write ("<B>" + "Le résultat est " + "</B>" + resultat)
6.3 Exemple (classique !)
On va écrire du texte en Html et en Javascript.
<HTML>
<BODY>
<H1>Ceci est du Html</H1>
<SCRIPT LANGUAGE="Javascript">
<!--
document.write("
//-->
</SCRIPT>
</BODY>
</HTML>
Ce qui donnera comme résultat :
Ceci est du Html
Et ceci du Javascript
+ 6.4 L'instruction writeln()
La méthode writeln() est fort proche de write() à ceci près qu'elle ajoute un retour chariot à la fin des caractères affichés par l'instruction. Ce qui n'a aucun effet en Html. Pour faire fonctionner write() Il faut l'inclure dans des balises <PRE>.
<PRE>
<SCRIPT LANGUAGE="Javascript">
<--
document.writeln("Ligne 1");
document.writeln("Ligne 2");
//-->
</SCRIPT>
</PRE>
6.1 Méthode de l'objet document
Rappelez-vous... Nous avions montré que ce qui apparaît sur votre écran, peut être "découpé" en objets et que Javascript allait vous donner la possibilité d'accéder à ces objets (Un peu de théorie objet). La page Html qui s'affiche dans la fenêtre du browser est un objet de type document.
A chaque objet Javascript, le concepteur du langage a prévu un ensemble de méthodes (ou fonctions dédiées à cet objet) qui lui sont propres. A la méthode document, Javascript a dédié la méthode "écrire dans le document", c'est la méthode write().
L'appel de la méthode se fait selon la notation :
nom_de_l'objet.nom_de_la_méthode
Pour appeler la méthode write() du document, on notera
document.write();
6.2 La méthode write()
La syntaxe est assez simple soit
write("votre texte");
On peut aussi écrire une variable, soit la variable resultat,
write(resultat);
Pour associer du texte (chaînes de caractères) et des variables, on utilise l'instruction
write("Le résultat est " + resultat);
On peut utiliser les balises Html pour agrémenter ce texte
write("<B>Le résultat est</B>" + resultat); ou
write ("<B>" + "Le résultat est " + "</B>" + resultat)
6.3 Exemple (classique !)
On va écrire du texte en Html et en Javascript.
<HTML>
<BODY>
<H1>Ceci est du Html</H1>
<SCRIPT LANGUAGE="Javascript">
<!--
document.write("
//-->
</SCRIPT>
</BODY>
</HTML>
Ce qui donnera comme résultat :
Ceci est du Html
Et ceci du Javascript
+ 6.4 L'instruction writeln()
La méthode writeln() est fort proche de write() à ceci près qu'elle ajoute un retour chariot à la fin des caractères affichés par l'instruction. Ce qui n'a aucun effet en Html. Pour faire fonctionner write() Il faut l'inclure dans des balises <PRE>.
<PRE>
<SCRIPT LANGUAGE="Javascript">
<--
document.writeln("Ligne 1");
document.writeln("Ligne 2");
//-->
</SCRIPT>
</PRE>