Retourner à la page d'accueil de TJS

Méthode : window.document.write()

Compatible Internet Explorer / Edge  Compatible Chrome  Compatible Safari  Compatible Firefox  Compatible Opera  

Ecrit une chaîne de caractères dans le document

Syntaxe
document.write(String texte)

Description
Ecrit le paramètre texte dans le document, à la position de l'appel du script.
Le paramètre texte peut être une chaîne de caractères classiques, du code HTML et même du CSS ou du JavaScript.
De nombreux exemples de cette référence utilisent document.write() pour afficher le résultat.

Pour afficher un texte sur plusieurs lignes dans le document, il faut concaténer la chaîne "<br>" au paramètre texte.

L'usage de write() doit être limité à des cas particuliers où il n'est pas possible de faire autrement.
De manière générale, il est préférable d'utiliser la création d'éléments HTML avec createElement() puis l'ajout dans le DOM avec appendChild() ou insertBefore().

L'utilisation de writeln() est trompeuse, elle ne permet pas de créer un saut de ligne HTML.


Exemple Créer un tableau HTML en javascript
Code source
<script>
   document.write("<div>Affichage de 5 nombres aléatoires</div>");
   for (var i=0; i<5; i++) {
       document.write("<p>"+Math.random()+"</p>");
   }
</script>

Résultat
Emulation de la console
Explication
Ce script commence par afficher un titre
La boucle de 5 itérations crée 5 cellules p et les affiche.

Exemple Limite de write()
Code source
<div onclick="writeTest()" class="btn radius btn-sm btn-outline cursor-pointer ">Cliquez pour lancer le write</div>

<script>
 function writeTest() {
   console.log("Tentative de write");
   document.write("Tentative de write");
 }
</script>

Résultat
Cliquez pour lancer le write
Emulation de la console
Explication
Il n'est pas possible d'utiliser document.write() une fois que le document est chargé.
L'effet sera d'effacer la page. Testez avec le bouton !
Pour modifier le contenu du document une fois la page construite, utilisez l'objet HTMLElement
Page mise à jour le

Mon nouveau livre Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 6 février 2019

Version papier à 29€90
Format électronique à 21€90.

Commandez en ligne Dunod  Fnac  Amazon

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...
Le 24/10/2019 06:21:42 sur php7 en 24.85 ms