Retourner à 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)

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

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...

Nouveau service en ligne de TJS

cleanMyJS : Détectez toutes les erreurs JavaScript de vos sitescleanMyJS.com
Détectez, enregistrez et analysez toutes les erreurs JavaScript de vos sites
Le 21/11/2018 04:41:14 sur php7 en 20.52 ms