Quel est l'impact de document.write() sur le contenu du document ?-js tutoriel-php.cn

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

Mary-Kate Olsen

Libérer： 2024-10-24 07:03:30

original

818 Les gens l'ont consulté

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>

Copier après la connexion

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!