Maison > Article > interface Web > Quel est l'impact de document.write() sur le contenu du document ?

Quel est l'impact de document.write() sur le contenu du document ?

Mary-Kate Olsenoriginal: 2024-10-24 07:03:30744parcourir

How Does document.write() Impact Document Contents?

Document.write() Effets sur le contenu du document

La méthode document.write() modifie le contenu d'un document HTML en écrivant directement au flux de documents. Dans certains scénarios, cette action peut conduire à la suppression d'éléments précédemment affichés.

Par exemple, considérons le code suivant :

<code class="html"><!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript">
            function validator() {
                if (document.myForm.thebox.checked)
                    document.write("checkBox is checked");
                else 
                    document.write("checkBox is NOT checked");
            }
        </script>
    </head>
    <body>
        <form name="myForm">
            <input type="checkbox" name ="thebox"/>
            <input type="button" onClick="validator()" name="validation" value="Press me for validation"/>
        </form>
    </body>
</html></code>

Lorsque la fonction validator() est appelée, le document La méthode .write() est utilisée pour afficher un message dans le document. Cependant, ce faisant, les éléments du formulaire (la case à cocher et le bouton) disparaissent de l'écran.

Ce comportement se produit car document.write() opère sur le flux de documents. Lorsqu'il est appelé une fois le chargement du document terminé, cela peut entraîner la fermeture du flux. Par conséquent, pour écrire dans le flux, document.write() ouvre à nouveau automatiquement le document, ce qui réinitialise le contenu de la page, supprimant tous les éléments existants.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

html for checkbox function this

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Composants serveur et client dans Next.js Quand et comment les utiliserArticle suivant：Composants serveur et client dans Next.js Quand et comment les utiliser

Articles Liés

Voir plus