Retourner ' la page d'accueil de TJSRetourner ' la page d'accueil de TJS

Méthode : window.document.write()

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

Syntaxe
document.write(String texte)

Compatible tous navigateurs

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 1 : 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 2 : 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

Troisième édition Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 4 janvier 2023

Version papier 29€90
Format électronique 22€99.

Commandez en ligne

Chercher une fonction, un objet, ...

Le 18/04/2024 18:33:46 sur php 7 en 40.95 ms