Ecrire du texte - Cours Javascript

Introduction

Info

La méthode javascript write(texte) de l'objet document permet d'écrire dans votre page HTML, il existe une autre méthode writeln() qui saute un ligne après avoir écrit (attention ce n'est pas un <BR>).
Son utilisation est idem que write().
Lorsque nous écrivons en javascript du texte dans la page, nous pouvons formater le texte en gras, italique..., à la seule condition que la chaîne à formater soit de type String().
Pour cela, vous devez utiliser la méthode javascript toString() ou String().

document.write()

Info

La méthode javascript write(texte) de l'objet document accepte comme argument :
- texte, valeur de type String ou Number.
Exemple de code :
document.write("mon texte");
ou
Exemple de code :
document.write(Nom-variable);

Forcer la conversion en String

Définition

Pour pouvoir appliquer les différentes méthodes javascript de l'objet document (big(),fixed(),...), vous devez convertir votre valeur en type String:
Exemple de code :
var m=3;
document.write(String(m).big());
document.write(m.toString().big());

Mettre en gras

Définition big()

La méthode javascript big() permet d'afficher le texte en gras.
Correspond à la balise HTML <strong>.
Exemple de code :
var dmc="alias";
document.write(dmc.big());

Définition bold()

La méthode javascript bold() permet d'afficher le texte en gras.
Correspond à la balise HTML <B>.
Exemple de code :
var dmc="alias";
document.write(dmc.bold());

Mettre en courrier

Définition fixed()

La méthode javascript fixed() permet d'afficher le texte dans une police de type courrier.
Correspond à la balise HTML <KBD>.
Exemple de code :
var dmc="alias";
document.write(dmc.fixed());

Mettre en couleur

Définition fontcolor()

La méthode javascript fontcolor(couleur) permet de definir la couleur du texte.
Correspond à la balise HTML <FONT color=" ">.
Exemple de code :
var dmc="alias";
document.write(dmc.fontcolor("#333399"));

Spécifier la taille

Définition fontsize()

La méthode javascript fontsize(taille) permet de définir la taille du texte.
Correspond à la balise HTML <FONT size=" ">.
Exemple de code :
var dmc="alias";
document.write(m.fontsize(6));

Mettre en italique

Définition italics()

La méthode javascript italics() permet d'afficher le texte en italique. Correspond à la balise HTML <I>.
Exemple de code :
var dmc="alias";
document.write(dmc.italics());

Réduire la taille

Définition small()

La méthode javascript small() permet d'afficher le texte à une taille légèrement inférieure.
Correspond à la balise HTML <SMALL>.
Exemple de code :
var dmc="alias";
document.write(dmc.small());

Barrer le texte

Définition strike()

La méthode javascript strike() permet de barrer le texte.
Correspond à la balise HTML <STRIKE>.
Exemple de code :
var dmc="alias";
document.write(dmc.strike());

Mettre en indice

Définition sub()

La méthode javascript sub() permet de mettre le texte en indice.
Correspond à la balise HTML <SUB>.
Exemple de code :
var dmc="alias";
document.write(dmc.sub());

Mettre en exposant

Définition sup()

La méthode javascript sup() permet de mettre le texte en exposant.
Correspond à la balise HTML <SUP>.
Exemple de code :
var dmc="alias";
document.write(dmc.sup());

Faire un lien

Définition link()

La méthode javascript link() permet de faire un lien.
Correspond à la balise HTML <A>.
Exemple de code :
var dmc="alias";
document.write(dmc.link("../index.html"));

Majuscule / minuscule

Définition toLowerCase()

La méthode javascript toLowerCase() permet d'afficher tout le texte en minuscule.
Exemple de code :
var dmc="ALIAS";
document.write(m.toLowerCase());

Définition toUpperCase()

La méthode javascript toUpperCase() permet d'afficher tout le texte en majuscule.
Exemple de code :
var dmc="alias";
document.write(dmc.toUpperCase());

Faire un ancre

Définition anchor()

La méthode javascript anchor() permet de mettre une ancre au niveau du texte.
Correspond à la balise HTML <A name=" ">.
Exemple de code :
var dmc="alias";
document.write(dmc.anchor("Nom"));

Exemple :
Exemple de code :
var m="mon texte";
var n="nom";
document.write("<A href="#Nom">texte</a>");
for (i=0;i<20;i++){
  document.write("<br>");
}
document.write(n.anchor("Nom"));
Attention, ne marche pas dans mon générateur.

Additionner les méthodes

Définition

Il est possible "d'additionner" les méthodes de mettre le texte en bold italique ou toutes autres combinaisons.
Exemple de code :
var dmc="alias";
document.write(dmc.big().strike());
Chapitre les boites de message
Chapitre l'objet navigator