Retour

Absence de document.write

Qu'est-ce que l'instruction document.write ?

Il s'agit d'une méthode JavaScript native aux navigateurs qui permet d'écrire dynamiquement du code HTML ou JavaScript directement dans une page. Lorsque la page est entièrement chargée, il remplace le code existant par celui défini.

<html>
    ...
    <script>
        document.write("Je remplace le contenu de la page");
    </script>
</html>

Pourquoi est-elle à éviter ?

L'utilisation de document.write peut retarder de plusieurs secondes l'affichage de la page, de plus, dans certains cas (une connexion lente par exemple) chrome bloque son usage et rend incertain le rendu de la page.

Comment remplacer son utilisation ?

Lorsque l'instruction document.write est utilisée dans le code JavaScript de la page, il est nécessaire de la retirer ou de la remplacer par des méthodes de manipulation du DOM.

Par exemple, pour insérer du code HTML :

<script>
    document.getElementById("conteneur").innerHTML = "Du contenu HTML ajouté proprement";
</script>

Pour intégrer dynamiquement un script JavaScript :

<script>
    var script = document.createElement('script'); 
    script.src = 'https://cdn.exemple.com/script.js'; 
    document.head.appendChild(script);
</script>

Si un script tiers utilise document.write, rapprochez-vous du fournisseur afin de trouver une solution alternative.